feat: unify bundler & volar config (#750)

Co-authored-by: gaokefei <260480378@qq.com>

Author: sxzz

.changeset/early-onions-shave.md

@@ -0,0 +1,17 @@
+---
+"@vue-macros/better-define": minor
+"@vue-macros/eslint-config": minor
+"@vue-macros/export-expose": minor
+"@vue-macros/define-emit": minor
+"@vue-macros/define-prop": minor
+"@vue-macros/test-utils": minor
+"@vue-macros/common": minor
+"@vue-macros/config": minor
+"unplugin-vue-macros": minor
+"@vue-macros/astro": minor
+"@vue-macros/volar": minor
+"@vue-macros/nuxt": minor
+---
+
+Support config file (e.g `vue-macros.config.ts`)
+  

.vscode/settings.json

@@ -25,6 +25,7 @@
   "exportall.config.semis": false,
   "exportall.config.folderListener": [
     "/packages/api/src/vue",
-    "/packages/api/src/ts"
+    "/packages/api/src/ts",
+    "/packages/config/src"
   ]
 }

docs/.vitepress/config.ts

@@ -1,13 +1,10 @@
-import { createRequire } from 'node:module'
 import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import VueMacrosPlugin from '@vue-macros/volar'
 import ts from 'typescript'
 import { defineConfig } from 'vitepress'
 import { docsLink } from '../../macros'
 import { getLocaleConfig } from './locale'
 
-const require = createRequire(import.meta.url)
-const vueMacrosPlugin = require('@vue-macros/volar')
-
 export default defineConfig({
   lastUpdated: true,
   locales: {
@@ -53,17 +50,7 @@ export default defineConfig({
             types: ['unplugin-vue-macros/macros-global', 'vue/jsx'],
           },
           vueCompilerOptions: {
-            plugins: [vueMacrosPlugin],
-            // @ts-ignore
-            vueMacros: {
-              scriptLang: true,
-              setupSFC: true,
-              booleanProp: true,
-              defineEmit: true,
-              defineProp: true,
-              templateRef: true,
-              defineGeneric: true,
-            },
+            plugins: [VueMacrosPlugin],
           },
         },
       }),

docs/.vitepress/i18n/locales.ts

@@ -9,8 +9,8 @@ export const zhCN = {
   'Explore more macros and syntax sugar to Vue.':
     '探索更多宏和语法糖到 Vue 中。',
 
-  'Getting Started': '入门',
-  'Bundler Integration': '打包器集成',
+  'Getting Started': '入门指南',
+  'Bundler Integration': '构建工具集成',
   'Nuxt Integration': 'Nuxt 集成',
   'Astro Integration': 'Astro 集成',
   Configurations: '配置',

docs/.vitepress/locale.ts

@@ -251,6 +251,10 @@ export function getLocaleConfig(lang: string) {
               text: 'setupJsdoc',
               link: `${urlPrefix}/volar/setup-jsdoc`,
             },
+            {
+              text: 'defineGeneric',
+              link: `${urlPrefix}/volar/define-generic`,
+            },
           ],
         },
         {
@@ -260,10 +264,6 @@ export function getLocaleConfig(lang: string) {
               text: 'templateRef',
               link: `${urlPrefix}/volar/template-ref`,
             },
-            {
-              text: 'defineGeneric',
-              link: `${urlPrefix}/volar/define-generic`,
-            },
           ],
         },
       ],

docs/features/boolean-prop.md

@@ -65,7 +65,7 @@ defineProps<{
 // tsconfig.json
 {
   "vueCompilerOptions": {
-    "plugins": ["@vue-macros/volar"],
+    "plugins": ["unplugin-vue-macros/volar"],
     "vueMacros": {
       "booleanProp": true,
     },

docs/features/export-expose.md

@@ -221,7 +221,7 @@ export default a
 // tsconfig.json
 {
   "vueCompilerOptions": {
-    "plugins": ["@vue-macros/volar"],
+    "plugins": ["unplugin-vue-macros/volar"],
     "vueMacros": {
       "exportExpose": true,
     },

docs/features/export-props.md

@@ -28,7 +28,7 @@ export const bar: number = 1 // with default value
 // tsconfig.json
 {
   "vueCompilerOptions": {
-    "plugins": ["@vue-macros/volar"],
+    "plugins": ["unplugin-vue-macros/volar"],
     "vueMacros": {
       "exportProps": true,
     },

docs/features/export-render.md

@@ -31,11 +31,14 @@ export default () => <div>ok</div>
 
 ## Volar Configuration
 
-```jsonc {4}
+```jsonc {4,8}
 // tsconfig.json
 {
   "vueCompilerOptions": {
-    "plugins": ["@vue-macros/volar"],
+    "plugins": ["unplugin-vue-macros/volar"],
+    "vueMacros": {
+      "exportRender": true,
+    },
   },
 }
 ```

docs/features/jsx-directive.md

@@ -217,7 +217,7 @@ Modifiers are special postfixes denoted by a `_`, which indicate that a directiv
 // tsconfig.json
 {
   "vueCompilerOptions": {
-    "plugins": ["@vue-macros/volar"],
+    "plugins": ["unplugin-vue-macros/volar"],
   },
 }
 ```