fix(uvr): auto-generate component names in compilation

core/client/src/app/providers/router/index.ts

@@ -10,9 +10,9 @@ export const router = createRouter({
 
 router.beforeEach((to, from) => {
   // Needs to add guard auth logic in router
-  if (to.meta.requiresAuth === true) {
-    return router.push({ name: 'sign-in' })
-  }
+  // if (to.meta.requiresAuth === true) {
+  //   return router.push({ name: 'sign-in' })
+  // }
 })
 
 router.beforeEach(layoutResolverMiddleware)

core/client/src/pages/boards/[id].vue

@@ -33,7 +33,7 @@ definePage({
   meta: {
     requiresAuth: true,
   },
-  name: 'board',
+  name: 'board-id',
 })
 </script>
 

core/client/src/widgets/layout/ui/sidebar/ProjectsList.vue

@@ -12,7 +12,7 @@ const props = defineProps<{
 const showList = ref(true)
 const showPlusIcon = ref(false)
 
-const route = useRoute('board')
+const route = useRoute('board-id')
 
 const _projects = computed(() => {
   return props.boards.map(proj => ({

core/client/typed-router.d.ts

@@ -26,7 +26,7 @@ declare module 'vue-router/auto-routes' {
     'confirm': RouteRecordInfo<'confirm', '/auth/sign-up/confirm', Record<never, never>, Record<never, never>>,
     'workspace': RouteRecordInfo<'workspace', '/auth/sign-up/workspace', Record<never, never>, Record<never, never>>,
     'boards': RouteRecordInfo<'boards', '/boards', Record<never, never>, Record<never, never>>,
-    'board': RouteRecordInfo<'board', '/boards/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    'board-id': RouteRecordInfo<'board-id', '/boards/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
     'members': RouteRecordInfo<'members', '/members', Record<never, never>, Record<never, never>>,
     'settings': RouteRecordInfo<'settings', '/settings', Record<never, never>, Record<never, never>>,
     'tasks': RouteRecordInfo<'tasks', '/tasks', Record<never, never>, Record<never, never>>,

core/client/vite.config.ts

@@ -1,17 +1,30 @@
+import type { TreeNode } from 'unplugin-vue-router'
 import { fileURLToPath, URL } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 import UnoCSS from 'unocss/vite'
+import { getNuxtStyleRouteName } from 'unplugin-vue-router-extend'
+import UnpluginVueRouterExtend from 'unplugin-vue-router-extend/vite'
 import UnpluginVueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
-// https://vitejs.dev/config/
+const routeMap = new Map<string, TreeNode>()
 export default defineConfig({
   plugins: [
     UnpluginVueRouter({
+      getRouteName: (node: TreeNode) => {
+        if (!routeMap.size) {
+          for (const [key, value] of (node.parent as any)?.map)
+            routeMap.set(key, value)
+        }
+        return getNuxtStyleRouteName(node)
+      },
       routesFolder: ['src/pages'],
       dts: './typed-router.d.ts',
     }),
+    UnpluginVueRouterExtend({
+      routeMap,
+    }),
     vueDevTools(),
     UnoCSS(),
     vue(),