docs: add options & move hoistStatic

Author: sxzz

docs/.vitepress/configs/navs.ts

@@ -3,6 +3,7 @@ import type { DefaultTheme } from 'vitepress'
 export const nav: DefaultTheme.NavItem[] = [
   { text: 'Guide', link: '/guide/getting-started' },
   { text: 'Macros', link: '/macros/' },
+  { text: 'Features', link: '/features/hoist-static' },
 ]
 
 export const sidebar: DefaultTheme.Sidebar = [
@@ -42,10 +43,6 @@ export const sidebar: DefaultTheme.Sidebar = [
         text: 'shortVmodel',
         link: '/macros/short-vmodel',
       },
-      {
-        text: 'hoistStatic',
-        link: '/macros/hoist-static',
-      },
       {
         text: 'setupComponent',
         link: '/macros/setup-component',
@@ -56,4 +53,13 @@ export const sidebar: DefaultTheme.Sidebar = [
       },
     ],
   },
+  {
+    text: 'Features',
+    items: [
+      {
+        text: 'hoistStatic',
+        link: '/features/hoist-static',
+      },
+    ],
+  },
 ]

docs/macros/hoist-static.md docs/features/hoist-static.mddocs/macros/hoist-static.md renamed to docs/features/hoist-static.md

@@ -25,6 +25,8 @@ VueMacros({
 
 ## Usage
 
+Requires [`@vueuse/core`](https://www.npmjs.com/package/@vueuse/core), install it by yourself before using.
+
 ```vue
 <script setup lang="ts">
 const { modelValue, count } = defineModel<{
@@ -65,6 +67,8 @@ Assignment expression is only supported in `<script setup>` block. In other word
 
 :::
 
+[`@vueuse/core`](https://www.npmjs.com/package/@vueuse/core) is not required.
+
 ```vue{7-9}
 <script setup lang="ts">
 let { modelValue, count } = $defineModel<{
@@ -102,14 +106,19 @@ emit('update:count', count + 1)
 
 ## Volar Configuration
 
-```jsonc{5}
+```jsonc{6,9-12}
 // tsconfig.json
 {
   "vueCompilerOptions": {
+    "target": 3,
     "plugins": [
       "@vue-macros/volar/define-model"
       // ...more feature
-    ]
+    ],
+    "defineModel": {
+      // Only works when target is 2.7.
+      "unified": true
+    }
   }
 }
 ```