zaten zar zor öğreniyodum şimdi birde shadcn/vue diye bişe cıkarmışlar jetstream komple gitmiş
default gelen bir AppLayout var maşallah Matruşka bebek koleksiyonu
Bu Applayoutun kullanıldıpı dashboard
<script setup lang="ts">
import AppLayout from '@/layouts/AppLayout.vue';
import { type BreadcrumbItem } from '@/types';
import { Head } from '@inertiajs/vue3';
import PlaceholderPattern from '../components/PlaceholderPattern.vue';
const breadcrumbs: BreadcrumbItem[] = [
{
title: 'Dashboard',
href: '/dashboard',
},
];
defineProps<{
name?: string;
}>();
</script>
<template>
<Head title="Dashboard" />
<AppLayout :breadcrumbs="breadcrumbs">
AppLayoutun kendisi
<script setup lang="ts">
import AppLayout from '@/layouts/app/AppSidebarLayout.vue';
import type { BreadcrumbItemType } from '@/types';
interface Props {
breadcrumbs?: BreadcrumbItemType[];
}
withDefaults(defineProps<Props>(), {
breadcrumbs: () => [],
});
</script>
<template>
<AppLayout :breadcrumbs="breadcrumbs">
<slot />
</AppLayout>
</template>
buda AppLayoutu oluşturan SidebarLAyout
<script setup lang="ts">
import AppContent from '@/components/AppContent.vue';
import AppShell from '@/components/AppShell.vue';
import AppSidebar from '@/components/AppSidebar.vue';
import AppSidebarHeader from '@/components/AppSidebarHeader.vue';
import type { BreadcrumbItemType } from '@/types';
interface Props {
breadcrumbs?: BreadcrumbItemType[];
}
withDefaults(defineProps<Props>(), {
breadcrumbs: () => [],
});
</script>
<template>
<AppShell variant="sidebar">
<AppSidebar />
<AppContent variant="sidebar">
<AppSidebarHeader :breadcrumbs="breadcrumbs" />
<slot />
</AppContent>
</AppShell>
</template>
dahada devam ediyo AppShell i var AppSidebar var AppContent varda var sanki kimse naaptıgımızı anlamasın diye özel bir mücadele verilmiş
shadcn/vue da hazır bazı yapılar var şeyi soracaktim
<script setup lang="ts" acaba typescript şartmı mutlaka typescritmi öğrencez ?