diff --git a/packages/vite-plugin-docs/docs/getting-started/vue/00-create-project.md b/packages/vite-plugin-docs/docs/getting-started/vue/00-create-project.md
index 8cbec4236..9901e2e73 100644
--- a/packages/vite-plugin-docs/docs/getting-started/vue/00-create-project.md
+++ b/packages/vite-plugin-docs/docs/getting-started/vue/00-create-project.md
@@ -42,7 +42,8 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 // highlight-start
 import { crx } from '@crxjs/vite-plugin'
-import manifest from './manifest.json'
+import manifest from './manifest.json' // Node 14 & 16
+import manifest from './manifest.json' assert { type: 'json' } // Node >=17
 // highlight-end
 
 export default defineConfig({
diff --git a/packages/vite-plugin-docs/docs/getting-started/vue/_category_.yml b/packages/vite-plugin-docs/docs/getting-started/vue/_category_.yml
new file mode 100644
index 000000000..089f015ec
--- /dev/null
+++ b/packages/vite-plugin-docs/docs/getting-started/vue/_category_.yml
@@ -0,0 +1,2 @@
+position: 2.2
+label: Vue