Remove unused features from starter kit, #35

2025-11-14 12:40:32 +01:00
parent 38cf214051
commit 81f0c1ce56
29 changed files with 56 additions and 646 deletions
@@ -1,23 +1,15 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
 import { achievements } from '@/routes';
-import { type BreadcrumbItem } from '@/types';
 import { Head } from '@inertiajs/vue3';
 import PlaceholderPattern from '../components/PlaceholderPattern.vue';
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Erfolge',
-        href: achievements().url,
-    },
-];
-
 </script>

 <template>

    <Head title="Erfolge" />

-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout>
        <div class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4">

            <div>
@@ -1,37 +1,13 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
 import { crm } from '@/routes';
-import { type BreadcrumbItem } from '@/types';
 import { Head } from '@inertiajs/vue3';
-import PlaceholderPattern from '../components/PlaceholderPattern.vue';
-
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'CRM',
-        href: crm().url,
-    },
-];
 </script>

 <template>
+
    <Head title="Dashboard" />

-    <AppLayout :breadcrumbs="breadcrumbs">
-        <div class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4">
-            <!-- <div class="grid auto-rows-min gap-4 md:grid-cols-3">
-                <div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
-                    <PlaceholderPattern />
-                </div>
-                <div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
-                    <PlaceholderPattern />
-                </div>
-                <div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
-                    <PlaceholderPattern />
-                </div>
-            </div>
-            <div class="relative min-h-[100vh] flex-1 rounded-xl border border-sidebar-border/70 md:min-h-min dark:border-sidebar-border">
-                <PlaceholderPattern />
-            </div> -->
-        </div>
+    <AppLayout>
    </AppLayout>
 </template>
@@ -3,7 +3,7 @@
 import { ref, onMounted, computed, useTemplateRef, watch } from 'vue'
 import AppLayout from '@/layouts/AppLayout.vue'
 import { customers } from '@/routes'
-import { Address, type BreadcrumbItem } from '@/types'
+import { Address } from '@/types'
 import { Head } from '@inertiajs/vue3'
 import api from '@/axios'
 import { Customer, Contact } from '@/types'
@@ -24,13 +24,6 @@ import { toast } from 'vue-sonner'
 import { SocialIcon } from '@/components/ui/social-icon'
 import { AxiosError } from 'axios'

-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Kunden',
-        href: customers().url,
-    },
-]
-
 const customersData = ref([] as Customer[])
 const searchQuery = ref('')
 const searchField = ref()
@@ -130,7 +123,7 @@ const call = (number: string, event: Event) => {

    <Head title="Dashboard" />

-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout>
        <div
            class="flex h-full flex-1 flex-col gap-4 overflow-x-auto p-4 lg:p-8 print:bg-transparent print:p-0 print:m-0">

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
 import { dashboard } from '@/routes';
-import { type BreadcrumbItem } from '@/types';
 import { Head } from '@inertiajs/vue3';
 import PlaceholderPattern from '../components/PlaceholderPattern.vue';
 import { usePage } from '@inertiajs/vue3';
@@ -17,13 +16,6 @@ import {
    TableRow,
 } from '@/components/ui/table';

-
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Dashboard',
-        href: dashboard().url,
-    },
-];
 const page = usePage();
 const token = page.props.flash?.token;

@@ -37,7 +29,7 @@ if (token) {

    <Head title="Dashboard" />

-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout>
        <div class="grid gap-12 md:grid-cols-2 h-full p-6 md:p-8">

            <div class="relative overflow-y-auto">
@@ -2,7 +2,7 @@

 import AppLayout from '@/layouts/AppLayout.vue'
 import { invoices } from '@/routes'
-import { type Invoice, type BreadcrumbItem, type Customer, type Address } from '@/types'
+import { type Invoice, type Customer, type Address } from '@/types'
 import { newInvoice } from '@/types/index.d'
 import { Head } from '@inertiajs/vue3'
 import { computed, ref, onMounted, watch } from 'vue'
@@ -21,10 +21,6 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/comp
 import { Kbd, KbdGroup } from '@/components/ui/kbd'
 import { statusBadgeLabels } from '@/components/ui/status-badge'

-const breadcrumbs: BreadcrumbItem[] = [{
-    title: 'Rechnungsstellung',
-    href: invoices().url,
-}]
 const invoicesData = ref([] as Invoice[])
 const activeInvoice = ref<Invoice | null>(null)
 const customersData = ref([] as Customer[])
@@ -198,7 +194,7 @@ const deleteInvoice = async (id: number) => {
    <Head title="Rechnungen" />

    <!-- Function Header -->
-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout>

        <div
            class="flex h-full flex-1 flex-col gap-4 overflow-x-auto p-4 lg:p-8 lg:pl-4 print:bg-transparent print:p-0 print:m-0">
@@ -1,24 +1,13 @@
 <script setup lang="ts">
 import { Head } from '@inertiajs/vue3';
-
 import AppearanceTabs from '@/components/AppearanceTabs.vue';
 import HeadingSmall from '@/components/HeadingSmall.vue';
-import { type BreadcrumbItem } from '@/types';
-
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { edit } from '@/routes/appearance';
-
-const breadcrumbItems: BreadcrumbItem[] = [
-    {
-        title: 'Appearance settings',
-        href: edit().url,
-    },
-];
 </script>

 <template>
-    <AppLayout :breadcrumbs="breadcrumbItems">
+    <AppLayout>
        <Head title="Erscheinungsbild" />

        <SettingsLayout>
@@ -3,29 +3,19 @@ import PasswordController from '@/actions/App/Http/Controllers/Settings/Password
 import InputError from '@/components/InputError.vue';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { edit } from '@/routes/password';
 import { Form, Head } from '@inertiajs/vue3';
 import { ref } from 'vue';
-
 import HeadingSmall from '@/components/HeadingSmall.vue';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { type BreadcrumbItem } from '@/types';
-
-const breadcrumbItems: BreadcrumbItem[] = [
-    {
-        title: 'Password settings',
-        href: edit().url,
-    },
-];

 const passwordInput = ref<HTMLInputElement | null>(null);
 const currentPasswordInput = ref<HTMLInputElement | null>(null);
 </script>

 <template>
-    <AppLayout :breadcrumbs="breadcrumbItems">
+    <AppLayout>
        <Head title="Password settings" />

        <SettingsLayout>
@@ -12,7 +12,6 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { type BreadcrumbItem } from '@/types';

 interface Props {
    mustVerifyEmail: boolean;
@@ -21,19 +20,12 @@ interface Props {

 defineProps<Props>();

-const breadcrumbItems: BreadcrumbItem[] = [
-    {
-        title: 'Profile settings',
-        href: edit().url,
-    },
-];
-
 const page = usePage();
 const user = page.props.auth.user;
 </script>

 <template>
-    <AppLayout :breadcrumbs="breadcrumbItems">
+    <AppLayout>
        <Head title="Profile settings" />

        <SettingsLayout>
@@ -8,7 +8,6 @@ import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/settings/Layout.vue';
 import { disable, enable, show } from '@/routes/two-factor';
-import { BreadcrumbItem } from '@/types';
 import { Form, Head } from '@inertiajs/vue3';
 import { ShieldBan, ShieldCheck } from 'lucide-vue-next';
 import { onUnmounted, ref } from 'vue';
@@ -23,13 +22,6 @@ withDefaults(defineProps<Props>(), {
    twoFactorEnabled: false,
 });

-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Two-Factor Authentication',
-        href: show.url(),
-    },
-];
-
 const { hasSetupData, clearTwoFactorAuthData } = useTwoFactorAuth();
 const showSetupModal = ref<boolean>(false);

@@ -39,7 +31,7 @@ onUnmounted(() => {
 </script>

 <template>
-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout>
        <Head title="Two-Factor Authentication" />
        <SettingsLayout>
            <div class="space-y-6">