feat: named view support

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "testing.automaticallyOpenPeekView": "never"
+  "testing.automaticallyOpenPeekView": "never",
+  "prettier.enable": true
 }

e2e/__snapshots__/routes.spec.ts.snap

@@ -5,36 +5,48 @@ exports[`generates the routes 1`] = `
   {
     path: \\"/:path(.*)\\",
     name: \\"/[...path]\\",
-    component: () => import('/routes/[...path].vue'),
+    components: {
+      default: () => import('/routes/[...path].vue')
+    },
     /* no children */
   },
   {
     path: \\"/about\\",
     name: \\"/about\\",
-    component: () => import('/routes/about.vue'),
+    components: {
+      default: () => import('/routes/about.vue')
+    },
     /* no children */
   },
   {
     path: \\"/\\",
     name: \\"/\\",
-    component: () => import('/routes/index.vue'),
+    components: {
+      default: () => import('/routes/index.vue')
+    },
     /* no children */
   },
   {
     path: \\"/users.new\\",
     name: \\"/users.new\\",
-    component: () => import('/routes/users.new.vue'),
+    components: {
+      default: () => import('/routes/users.new.vue')
+    },
     /* no children */
   },
   {
     path: \\"/users\\",
     name: \\"/users\\",
-    component: () => import('/routes/users.vue'),
+    components: {
+      default: () => import('/routes/users.vue')
+    },
     children: [
       {
         path: \\":id\\",
         name: \\"/users/[id]\\",
-        component: () => import('/routes/users/[id].vue'),
+        components: {
+          default: () => import('/routes/users/[id].vue')
+        },
         /* no children */
       }
     ],
@@ -47,13 +59,17 @@ exports[`generates the routes 1`] = `
       {
         path: \\":id\\",
         name: \\"/articles/[id]\\",
-        component: () => import('/routes/articles/[id].vue'),
+        components: {
+          default: () => import('/routes/articles/[id].vue')
+        },
         /* no children */
       },
       {
         path: \\":slugs+\\",
         name: \\"/articles/[slugs]+\\",
-        component: () => import('/routes/articles/[slugs]+.vue'),
+        components: {
+          default: () => import('/routes/articles/[slugs]+.vue')
+        },
         /* no children */
       }
     ],
@@ -66,13 +82,17 @@ exports[`generates the routes 1`] = `
       {
         path: \\":doc?\\",
         name: \\"/optional/[[doc]]\\",
-        component: () => import('/routes/optional/[[doc]].vue'),
+        components: {
+          default: () => import('/routes/optional/[[doc]].vue')
+        },
         /* no children */
       },
       {
         path: \\":docs*\\",
         name: \\"/optional/[[docs]]+\\",
-        component: () => import('/routes/optional/[[docs]]+.vue'),
+        components: {
+          default: () => import('/routes/optional/[[docs]]+.vue')
+        },
         /* no children */
       }
     ],
@@ -90,7 +110,9 @@ exports[`generates the routes 1`] = `
           {
             path: \\"\\",
             name: \\"/nested/folder/\\",
-            component: () => import('/routes/nested/folder/index.vue'),
+            components: {
+              default: () => import('/routes/nested/folder/index.vue')
+            },
             /* no children */
           },
           {
@@ -106,7 +128,9 @@ exports[`generates the routes 1`] = `
                   {
                     path: \\"\\",
                     name: \\"/nested/folder/should/work/\\",
-                    component: () => import('/routes/nested/folder/should/work/index.vue'),
+                    components: {
+                      default: () => import('/routes/nested/folder/should/work/index.vue')
+                    },
                     /* no children */
                   }
                 ],

playground/src/App.vue

@@ -22,5 +22,7 @@ route.name === '/about'
     </div>
   </header>
 
-  <!-- <RouterView /> -->
+  <RouterView />
+  <hr />
+  <RouterView name="named" />
 </template>

playground/src/routes/index@named.vue

@@ -0,0 +1,5 @@
+<template>
+  <main>
+    <h1>Home - named view</h1>
+  </main>
+</template>