fix: remove empty names from auto routes

Author: posva

src/codegen/__snapshots__/generateRouteRecords.spec.ts.snap

@@ -321,6 +321,17 @@ exports[`generateRouteRecord > names > creates single word names 1`] = `
 ]"
 `;
 
+exports[`generateRouteRecord > names > handles empty names 1`] = `
+"[
+  {
+    path: '/about',
+    /* no name */
+    component: () => import('about.vue'),
+    /* no children */
+  }
+]"
+`;
+
 exports[`generateRouteRecord > names > works with nested views 1`] = `
 "[
   {

src/codegen/generateRouteRecords.spec.ts

@@ -172,6 +172,16 @@ describe('generateRouteRecord', () => {
 
       expect(generateRouteRecordSimple(tree)).toMatchSnapshot()
     })
+
+    it('handles empty names', () => {
+      const tree = new PrefixTree(DEFAULT_OPTIONS)
+      const node = tree.insert('about', 'about.vue')
+      node.setCustomRouteBlock('about', {
+        name: '',
+      })
+
+      expect(generateRouteRecordSimple(tree)).toMatchSnapshot()
+    })
   })
 
   describe('route block', () => {

src/codegen/generateRouteRecords.ts

@@ -62,7 +62,7 @@ ${node
 ${indentStr}path: '${node.path}',
 ${indentStr}${
     node.value.components.size
-      ? `name: '${node.name}',`
+      ? node.name ? `name: '${node.name}',` : `/* no name */`
       : `/* internal name: '${node.name}' */`
   }
 ${