From 609d0deba5b0b9edfe7d7a7c5005dede2a53f053 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Tue, 25 Feb 2025 21:28:25 +0100
Subject: [PATCH 01/13] Move to custom declariton file for tsconfig

---
 resources/js/app.ts          | 13 -------------
 resources/js/types/vite.d.ts | 11 +++++++++++
 2 files changed, 11 insertions(+), 13 deletions(-)
 create mode 100644 resources/js/types/vite.d.ts

diff --git a/resources/js/app.ts b/resources/js/app.ts
index 5670d9e8..939aca3d 100644
--- a/resources/js/app.ts
+++ b/resources/js/app.ts
@@ -7,19 +7,6 @@ import { createApp, h } from 'vue';
 import { ZiggyVue } from 'ziggy-js';
 import { initializeTheme } from './composables/useAppearance';
 
-// Extend ImportMeta interface for Vite...
-declare module 'vite/client' {
-    interface ImportMetaEnv {
-        readonly VITE_APP_NAME: string;
-        [key: string]: string | boolean | undefined;
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv;
-        readonly glob: <T>(pattern: string) => Record<string, () => Promise<T>>;
-    }
-}
-
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 createInertiaApp({
diff --git a/resources/js/types/vite.d.ts b/resources/js/types/vite.d.ts
new file mode 100644
index 00000000..09cdd836
--- /dev/null
+++ b/resources/js/types/vite.d.ts
@@ -0,0 +1,11 @@
+declare module 'vite/client' {
+    interface ImportMetaEnv {
+        readonly VITE_APP_NAME: string;
+        [key: string]: string | boolean | undefined;
+    }
+
+    interface ImportMeta {
+        readonly env: ImportMetaEnv;
+        readonly glob: <T>(pattern: string) => Record<string, () => Promise<T>>;
+    }
+}

From cca987558a80fe4ab0b5ee28697035d54ea53927 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Tue, 25 Feb 2025 21:29:25 +0100
Subject: [PATCH 02/13] Modify tsconfig

---
 tsconfig.json | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/tsconfig.json b/tsconfig.json
index b404281d..87a26af2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -40,9 +40,7 @@
         // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
         // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
         "types": [
-            "vite/client",
-            "vue/tsx",
-            "./resources/js/types"
+            "vite/client"
         ] /* Specify type package names to be included without being referenced in a source file. */,
         // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
         // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
@@ -122,7 +120,8 @@
     "include": [
         "resources/js/**/*.ts",
         "resources/js/**/*.d.ts",
-        "resources/js/**/*.tsx", 
-        "resources/js/**/*.vue"
+        "resources/js/**/*.tsx",
+        "resources/js/**/*.vue",
+        "node_modules/vite/client.d.ts"
     ]
 }

From b195ce7c287fcf94e0a80d1b27273fde60a7852c Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Tue, 25 Feb 2025 21:29:45 +0100
Subject: [PATCH 03/13] Fix typescript build error

---
 resources/js/components/AppHeader.vue         |  4 ++--
 resources/js/components/AppSidebarHeader.vue  |  2 +-
 resources/js/components/TextLink.vue          |  9 +++------
 resources/js/components/UserInfo.vue          |  8 ++------
 resources/js/layouts/auth/AuthSplitLayout.vue |  5 +++--
 resources/js/pages/Welcome.vue                | 10 +++++++++-
 6 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/resources/js/components/AppHeader.vue b/resources/js/components/AppHeader.vue
index 84902b2e..ddff76b6 100644
--- a/resources/js/components/AppHeader.vue
+++ b/resources/js/components/AppHeader.vue
@@ -16,7 +16,7 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/co
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import UserMenuContent from '@/components/UserMenuContent.vue';
 import { getInitials } from '@/composables/useInitials';
-import type { BreadcrumbItem, NavItem } from '@/types';
+import type { BreadcrumbItem, NavItem, SharedData } from '@/types';
 import { Link, usePage } from '@inertiajs/vue3';
 import { BookOpen, Folder, LayoutGrid, Menu, Search } from 'lucide-vue-next';
 import { computed } from 'vue';
@@ -29,7 +29,7 @@ const props = withDefaults(defineProps<Props>(), {
     breadcrumbs: () => [],
 });
 
-const page = usePage();
+const page = usePage<SharedData>();
 const auth = computed(() => page.props.auth);
 
 const isCurrentRoute = computed(() => (url: string) => page.url === url);
diff --git a/resources/js/components/AppSidebarHeader.vue b/resources/js/components/AppSidebarHeader.vue
index 1ff2baa7..d2f88596 100644
--- a/resources/js/components/AppSidebarHeader.vue
+++ b/resources/js/components/AppSidebarHeader.vue
@@ -14,7 +14,7 @@ defineProps<{
     >
         <div class="flex items-center gap-2">
             <SidebarTrigger class="-ml-1" />
-            <template v-if="breadcrumbs.length > 0">
+            <template v-if="breadcrumbs && breadcrumbs.length > 0">
                 <Breadcrumbs :breadcrumbs="breadcrumbs" />
             </template>
         </div>
diff --git a/resources/js/components/TextLink.vue b/resources/js/components/TextLink.vue
index f1c4a337..71d4fa82 100644
--- a/resources/js/components/TextLink.vue
+++ b/resources/js/components/TextLink.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
-import { Link } from '@inertiajs/vue3';
+import { InertiaLinkProps, Link } from '@inertiajs/vue3';
 
-interface Props {
-    href: string;
+interface Props extends Pick<InertiaLinkProps, "href" | "method" | "as"> {
     tabindex?: number;
-    method?: string;
-    as?: string;
-}
+};
 
 defineProps<Props>();
 </script>
diff --git a/resources/js/components/UserInfo.vue b/resources/js/components/UserInfo.vue
index 077c3951..d2b1bf10 100644
--- a/resources/js/components/UserInfo.vue
+++ b/resources/js/components/UserInfo.vue
@@ -2,26 +2,22 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { useInitials } from '@/composables/useInitials';
 import type { User } from '@/types';
-import { computed } from 'vue';
 
 interface Props {
     user: User;
     showEmail?: boolean;
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
     showEmail: false,
 });
 
 const { getInitials } = useInitials();
-
-// Compute whether we should show the avatar image
-const showAvatar = computed(() => props.user.avatar && props.user.avatar !== '');
 </script>
 
 <template>
     <Avatar class="h-8 w-8 overflow-hidden rounded-lg">
-        <AvatarImage v-if="showAvatar" :src="user.avatar" :alt="user.name" />
+        <AvatarImage v-if="user.avatar && user.avatar !== ''" :src="user.avatar" :alt="user.name" />
         <AvatarFallback class="rounded-lg text-black dark:text-white">
             {{ getInitials(user.name) }}
         </AvatarFallback>
diff --git a/resources/js/layouts/auth/AuthSplitLayout.vue b/resources/js/layouts/auth/AuthSplitLayout.vue
index 8bd6d78e..31933e4f 100644
--- a/resources/js/layouts/auth/AuthSplitLayout.vue
+++ b/resources/js/layouts/auth/AuthSplitLayout.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import AppLogoIcon from '@/components/AppLogoIcon.vue';
+import { SharedData } from '@/types';
 import { Link, usePage } from '@inertiajs/vue3';
 
-const page = usePage();
+const page = usePage<SharedData>();
 const name = page.props.name;
 const quote = page.props.quote;
 
@@ -20,7 +21,7 @@ defineProps<{
                 <AppLogoIcon class="mr-2 size-8 fill-current text-white" />
                 {{ name }}
             </Link>
-            <div v-if="quote" class="relative z-20 mt-auto">
+            <div v-if="quote && quote" class="relative z-20 mt-auto">
                 <blockquote class="space-y-2">
                     <p class="text-lg">&ldquo;{{ quote.message }}&rdquo;</p>
                     <footer class="text-sm text-neutral-300">{{ quote.author }}</footer>
diff --git a/resources/js/pages/Welcome.vue b/resources/js/pages/Welcome.vue
index d9b033c3..9d3e6927 100644
--- a/resources/js/pages/Welcome.vue
+++ b/resources/js/pages/Welcome.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
+import { SharedData } from '@/types';
 import { Head, Link } from '@inertiajs/vue3';
+
+const props = defineProps<SharedData>();
 </script>
 
 <template>
@@ -11,7 +14,7 @@ import { Head, Link } from '@inertiajs/vue3';
         <header class="not-has-[nav]:hidden mb-6 w-full max-w-[335px] text-sm lg:max-w-4xl">
             <nav class="flex items-center justify-end gap-4">
                 <Link
-                    v-if="$page.props.auth.user"
+                    v-if="props.auth.user"
                     :href="route('dashboard')"
                     class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
                 >
@@ -214,6 +217,11 @@ import { Head, Link } from '@inertiajs/vue3';
                                 stroke-width="1"
                             />
                         </g>
+                        <!-- Workaround: -->
+                        <!-- 'plus-darker' is a valid value for the mixBlendMode key according to MDN -->
+                        <!-- However, the csstype library, which is used by @vue/runtime-dom, does not support this value. -->
+                        <!-- @see https://developer.mozilla.org/de/docs/Web/CSS/mix-blend-mode -->
+                        <!-- @vue-ignore -->
                         <g
                             :style="{ mixBlendMode: 'plus-darker' }"
                             class="duration-750 starting:translate-y-4 starting:opacity-0 translate-y-0 opacity-100 transition-all delay-300"

From c2efb26fa565b3a8d95e086b74d0ac45dc621d27 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Tue, 25 Feb 2025 21:29:57 +0100
Subject: [PATCH 04/13] Update npm scripts

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b6b68f3a..6cb6b77b 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,9 @@
     "private": true,
     "type": "module",
     "scripts": {
+        "prebuild": "vue-tsc",
         "build": "vite build",
-        "build:ssr": "vite build && vite build --ssr",
+        "build:ssr": "npm run build && vite build --ssr",
         "dev": "vite",
         "format": "prettier --write resources/",
         "format:check": "prettier --check resources/",

From f1c9f4e0ff8359ef72fe23a03a9443efb419f435 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Tue, 25 Feb 2025 21:31:49 +0100
Subject: [PATCH 05/13] Change steps order

---
 .github/workflows/tests.yml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 911ac4e6..379803e2 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -31,8 +31,8 @@ jobs:
           node-version: '22'
           cache: 'npm'
 
-      - name: Install Node Dependencies
-        run: npm ci
+      - name: Create SQLite Database
+        run: touch database/database.sqlite
 
       - name: Install Dependencies
         run: composer install --no-interaction --prefer-dist --optimize-autoloader
@@ -46,6 +46,9 @@ jobs:
       - name: Publish Ziggy Configuration
         run: php artisan ziggy:generate
 
+      - name: Install Node Dependencies
+        run: npm ci
+
       - name: Build Assets
         run: npm run build
 

From 75f3ce852017f193ab8a032a53293df4539cd028 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Wed, 26 Feb 2025 09:19:12 +0100
Subject: [PATCH 06/13] Remove vite client type declaration

---
 resources/js/types/vite.d.ts | 11 -----------
 tsconfig.json                |  4 +---
 2 files changed, 1 insertion(+), 14 deletions(-)
 delete mode 100644 resources/js/types/vite.d.ts

diff --git a/resources/js/types/vite.d.ts b/resources/js/types/vite.d.ts
deleted file mode 100644
index 09cdd836..00000000
--- a/resources/js/types/vite.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-declare module 'vite/client' {
-    interface ImportMetaEnv {
-        readonly VITE_APP_NAME: string;
-        [key: string]: string | boolean | undefined;
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv;
-        readonly glob: <T>(pattern: string) => Record<string, () => Promise<T>>;
-    }
-}
diff --git a/tsconfig.json b/tsconfig.json
index 87a26af2..e73c2bbb 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,9 +39,7 @@
         },
         // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
         // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
-        "types": [
-            "vite/client"
-        ] /* Specify type package names to be included without being referenced in a source file. */,
+        //"types": [] /* Specify type package names to be included without being referenced in a source file. */,
         // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
         // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
         // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */

From 587a4822ff41f46e255ef5cfd741ea044fa0a4d6 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Wed, 5 Mar 2025 09:17:44 +0100
Subject: [PATCH 07/13] Align to #56

---
 .github/workflows/tests.yml | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 379803e2..6f389130 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -31,9 +31,6 @@ jobs:
           node-version: '22'
           cache: 'npm'
 
-      - name: Create SQLite Database
-        run: touch database/database.sqlite
-
       - name: Install Dependencies
         run: composer install --no-interaction --prefer-dist --optimize-autoloader
 

From 76163f0e140740b899a9cd4325533ba2f29b6507 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Sun, 16 Mar 2025 22:47:27 +0100
Subject: [PATCH 08/13] Refactor npm scripts

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6cb6b77b..6e7ce008 100644
--- a/package.json
+++ b/package.json
@@ -2,9 +2,9 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "prebuild": "vue-tsc",
+        "type:check": "vue-tsc --noEmit",
         "build": "vite build",
-        "build:ssr": "npm run build && vite build --ssr",
+        "build:ssr": "vite build --ssr",
         "dev": "vite",
         "format": "prettier --write resources/",
         "format:check": "prettier --check resources/",

From d53b6eaefa90b5f90d52162ad2ce6d8d328589b6 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Sun, 16 Mar 2025 22:48:12 +0100
Subject: [PATCH 09/13] Integrate type checking into test workflow

---
 .github/workflows/tests.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 6f389130..44700be5 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -46,6 +46,9 @@ jobs:
       - name: Install Node Dependencies
         run: npm ci
 
+      - name: Validate typescript
+        run: npm run type:check
+
       - name: Build Assets
         run: npm run build
 

From af63ccd5c9698956a4642bc2cd5d44ba087987b6 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Sun, 16 Mar 2025 23:02:44 +0100
Subject: [PATCH 10/13] Fix build error of ssr fix

---
 resources/js/layouts/settings/Layout.vue |  4 ++--
 resources/js/ssr.ts                      | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/resources/js/layouts/settings/Layout.vue b/resources/js/layouts/settings/Layout.vue
index 0b321e93..36bfa112 100644
--- a/resources/js/layouts/settings/Layout.vue
+++ b/resources/js/layouts/settings/Layout.vue
@@ -2,7 +2,7 @@
 import Heading from '@/components/Heading.vue';
 import { Button } from '@/components/ui/button';
 import { Separator } from '@/components/ui/separator';
-import { type NavItem } from '@/types';
+import type { NavItem, SharedData } from '@/types';
 import { Link, usePage } from '@inertiajs/vue3';
 
 const sidebarNavItems: NavItem[] = [
@@ -20,7 +20,7 @@ const sidebarNavItems: NavItem[] = [
     },
 ];
 
-const page = usePage();
+const page = usePage<SharedData>();
 
 const currentPath = page.props.ziggy?.location ? new URL(page.props.ziggy.location).pathname : '';
 </script>
diff --git a/resources/js/ssr.ts b/resources/js/ssr.ts
index 5b293780..4ab5f656 100644
--- a/resources/js/ssr.ts
+++ b/resources/js/ssr.ts
@@ -7,18 +7,29 @@ import { route as ziggyRoute } from 'ziggy-js';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
+/**
+ *  Added eslint-disable-next-line @typescript-eslint/ban-ts-comment and @ts-ignore to fix the error.
+ * I'm not sure if the fix really leads to a type-safe Javascript.
+ */
+
 createServer((page) =>
     createInertiaApp({
         page,
         render: renderToString,
         title: (title) => `${title} - ${appName}`,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob('./pages/**/*.vue')),
         setup({ App, props, plugin }) {
             const app = createSSRApp({ render: () => h(App, props) });
 
             // Configure Ziggy for SSR...
             const ziggyConfig = {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 ...page.props.ziggy,
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 location: new URL(page.props.ziggy.location),
             };
 
@@ -26,10 +37,14 @@ createServer((page) =>
             const route = (name: string, params?: any, absolute?: boolean) => ziggyRoute(name, params, absolute, ziggyConfig);
 
             // Make route function available globally...
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             app.config.globalProperties.route = route;
 
             // Make route function available globally for SSR...
             if (typeof window === 'undefined') {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 global.route = route;
             }
 

From 81db4b48f40f422ff5200d8c4da288c58539a303 Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Sun, 16 Mar 2025 23:06:30 +0100
Subject: [PATCH 11/13] update order

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6e7ce008..089a5dc9 100644
--- a/package.json
+++ b/package.json
@@ -2,13 +2,13 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "type:check": "vue-tsc --noEmit",
         "build": "vite build",
         "build:ssr": "vite build --ssr",
         "dev": "vite",
         "format": "prettier --write resources/",
         "format:check": "prettier --check resources/",
-        "lint": "eslint . --fix"
+        "lint": "eslint . --fix",
+        "type:check": "vue-tsc --noEmit"
     },
     "devDependencies": {
         "@eslint/js": "^9.19.0",

From 65b19fb46490228186aa1ad952e7b56d81e2294c Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Sun, 16 Mar 2025 23:09:46 +0100
Subject: [PATCH 12/13] Update comment

---
 resources/js/ssr.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/ssr.ts b/resources/js/ssr.ts
index 4ab5f656..1a485bb9 100644
--- a/resources/js/ssr.ts
+++ b/resources/js/ssr.ts
@@ -8,8 +8,8 @@ import { route as ziggyRoute } from 'ziggy-js';
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 /**
- *  Added eslint-disable-next-line @typescript-eslint/ban-ts-comment and @ts-ignore to fix the error.
- * I'm not sure if the fix really leads to a type-safe Javascript.
+ * Added eslint-disable-next-line @typescript-eslint/ban-ts-comment and @ts-ignore to fix the error.
+ * I'm not sure if the fix really leads to a type-safe Javascript. However, it looks like a javascript hack to me, which is perfectly legitimate.
  */
 
 createServer((page) =>

From b2f5cda07e35e35886453898f4ec01bf264ab8ea Mon Sep 17 00:00:00 2001
From: Christoph Stockinger <christoph@morethings.digital>
Date: Mon, 17 Mar 2025 09:08:11 +0100
Subject: [PATCH 13/13] Clean up duplicate type definitions

---
 resources/js/types/globals.d.ts | 5 -----
 resources/js/types/ziggy.d.ts   | 7 +++----
 2 files changed, 3 insertions(+), 9 deletions(-)
 delete mode 100644 resources/js/types/globals.d.ts

diff --git a/resources/js/types/globals.d.ts b/resources/js/types/globals.d.ts
deleted file mode 100644
index b3c9b786..00000000
--- a/resources/js/types/globals.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { route as routeFn } from 'ziggy-js';
-
-declare global {
-    const route: typeof routeFn;
-}
diff --git a/resources/js/types/ziggy.d.ts b/resources/js/types/ziggy.d.ts
index 1bcedbe4..0689b2aa 100644
--- a/resources/js/types/ziggy.d.ts
+++ b/resources/js/types/ziggy.d.ts
@@ -1,12 +1,11 @@
-import { RouteParams, Router } from 'ziggy-js';
+import type { route as routeFn } from 'ziggy-js';
 
 declare global {
-    function route(): Router;
-    function route(name: string, params?: RouteParams<typeof name> | undefined, absolute?: boolean): string;
+    const route: typeof routeFn;
 }
 
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        route: typeof route;
+        route: typeof routeFn;
     }
 }