feat: make definePage() globally available

Author: posva

client.d.ts

@@ -32,4 +32,9 @@ declare module 'vue-router/auto' {
   // export { defineColadaLoader } from 'unplugin-vue-router/data-loaders/pinia-colada'
 }
 
+// Make the macros globally available
+declare global {
+  const definePage: (typeof import('unplugin-vue-router/runtime'))['definePage']
+}
+
 export {}

playground/auto-imports.d.ts

@@ -6,7 +6,6 @@
 export {}
 declare global {
   const defineBasicLoader: typeof import('unplugin-vue-router/data-loaders/basic')['defineBasicLoader']
-  const definePage: typeof import('unplugin-vue-router/runtime')['definePage']
   const onBeforeRouteLeave: typeof import('vue-router/auto')['onBeforeRouteLeave']
   const onBeforeRouteUpdate: typeof import('vue-router/auto')['onBeforeRouteUpdate']
   const useRoute: typeof import('vue-router/auto')['useRoute']

src/index.ts

@@ -181,5 +181,5 @@ export const VueRouterAutoImports: Record<
     // NOTE: the typing seems broken locally, so instead we export it directly from unplugin-vue-router/runtime
     // 'definePage',
   ],
-  'unplugin-vue-router/runtime': ['definePage'],
+  'unplugin-vue-router/runtime': [],
 }

src/runtime.ts

@@ -13,6 +13,7 @@ export * from './data-loaders'
  * @deprecated - use `definePage` instead
  */
 export const _definePage = (route: DefinePage) => route
+
 /**
  * Defines properties of the route for the current page component.
  *