fix: explicitly set component name

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0-draft.8",
   "description": "Vite & Vue powered static site generator",
   "type": "module",
-  "packageManager": "pnpm@7.0.1",
+  "packageManager": "pnpm@7.1.7",
   "main": "dist/node/index.js",
   "types": "types/index.d.ts",
   "exports": {
@@ -78,7 +78,7 @@
     "body-scroll-lock": "^4.0.0-beta.0",
     "shiki": "^0.10.1",
     "vite": "^2.9.7",
-    "vue": "3.2.33"
+    "vue": "^3.2.33"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^3.1.5",

pnpm-lock.yaml

@@ -69,7 +69,7 @@ importers:
       typescript: ^4.7.2
       vite: ^2.9.7
       vitest: ^0.10.4
-      vue: 3.2.33
+      vue: ^3.2.33
     dependencies:
       '@docsearch/css': 3.1.0
       '@docsearch/js': 3.1.0

src/node/markdownToVue.ts

@@ -188,10 +188,16 @@ function genPageDataCode(tags: string[], data: PageData) {
       defaultExportRE.test(tagSrc) || namedDefaultExportRE.test(tagSrc)
     tags[existingScriptIndex] = tagSrc.replace(
       scriptRE,
-      code + (hasDefaultExport ? `` : `\nexport default{}\n`) + `</script>`
+      code +
+        (hasDefaultExport
+          ? ``
+          : `\nexport default {name:'${data.relativePath}'}`) +
+        `</script>`
     )
   } else {
-    tags.unshift(`<script>${code}\nexport default {}</script>`)
+    tags.unshift(
+      `<script>${code}\nexport default {name:'${data.relativePath}'}</script>`
+    )
   }
 
   return tags