chore: deps

web/.aeria-ui/aeria-ui.d.ts

@@ -44,5 +44,17 @@ declare module '@vue/runtime-core' {
   }
 }
 
+import type { RouteRecordRaw } from 'vue-router'
+import type { Icon } from '@aeriajs/types'
+
+declare global {
+  const definePage: (page: Partial<RouteRecordRaw> & {
+    meta: {
+      title: string
+      icon?: Icon
+    }
+  }) => void
+}
+
 export {}
 //

web/.aeria-ui/components.d.ts

@@ -9,6 +9,7 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    AeriaIcon: typeof import('@aeria-ui/ui')['AeriaIcon']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

web/.aeria-ui/instance.js

@@ -0,0 +1,28 @@
+// @ts-check
+import vueRouter from 'unplugin-vue-router/vite'
+
+/** @type {import('aeria-ui-build').InstanceConfig} */
+export default {
+  site: {
+    title: 'Quickstart',
+    signinText: 'Área restrita',
+    signupForm: true,
+  },
+  icons: {
+    libraries: [
+      '@aeria-ui/ui',
+      'aeria-app-layout',
+    ],
+  },
+  vite: {
+    resolve: {
+      preserveSymlinks: true,
+    },
+    plugins: [
+      vueRouter({
+        dts: './.aeria-ui/typed-router.d.ts'
+      })
+    ]
+  },
+}
+

web/.aeria-ui/typed-router.d.ts

@@ -0,0 +1,25 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+declare module 'vue-router/auto-routes' {
+  import type {
+    RouteRecordInfo,
+    ParamValue,
+    ParamValueOneOrMore,
+    ParamValueZeroOrMore,
+    ParamValueZeroOrOne,
+  } from 'unplugin-vue-router/types'
+
+  /**
+   * Route name map generated by unplugin-vue-router
+   */
+  export interface RouteNamedMap {
+    '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
+    '/_dashboard': RouteRecordInfo<'/_dashboard', '/_dashboard', Record<never, never>, Record<never, never>>,
+    '/dashboard/': RouteRecordInfo<'/dashboard/', '/dashboard', Record<never, never>, Record<never, never>>,
+  }
+}

web/package.json

@@ -20,12 +20,13 @@
     "aeria-ui": "latest"
   },
   "devDependencies": {
+    "aeria-ui-build": "latest",
     "autoprefixer": "^10.4.16",
     "eslint-config-aeriaui": "latest",
     "eslint-plugin-readable-tailwind": "^1.0.0",
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.5",
-    "vue-tsc": "^1.8.27",
-    "aeria-ui-build": "latest"
+    "unplugin-vue-router": "^0.8.4",
+    "vue-tsc": "^1.8.27"
   }
 }

web/src/routes.ts

@@ -1,8 +1,9 @@
 import { userRoutes, dashboardRoutes } from 'aeria-ui'
 import DashboardLayout from './pages/_dashboard.vue'
 import { AuthWall } from 'aeria-app-layout'
+import { routes as autoRoutes } from 'vue-router/auto-routes'
 
-export const routes = [
+export const routes = autoRoutes.concat([
   userRoutes(AuthWall),
   dashboardRoutes(DashboardLayout, [
     {
@@ -14,9 +15,5 @@ export const routes = [
       },
     },
   ]),
-  {
-    path: '/',
-    component: () => import('./pages/index.vue'),
-  },
-]
+])
 

web/tsconfig.json

@@ -9,7 +9,8 @@
     "esModuleInterop": true,
     "preserveSymlinks": true,
     "types": [
-      "@aeria-ui/ui/vue"
+      "@aeria-ui/ui/vue",
+      "unplugin-vue-router/client"
     ]
   },
   "include": [