feat(better-define): init (#126)

* wip: init api

* rename

* update

* wip: emits

* feat: supports extends

* feat: resolve TS

* test: add mixed

* fix: circular-referencing

* add docs

* refactor

* refactor: improve

* feat: intersection

* feat(better-define): init

* feat: support intersection

* fix: lockfile

* fix: TSDeclaration

* fix: inline template

* feat: withDefaults

* feat: emits

* fix: ordering

* chore: update comments

* add changesets

* add docs

.changeset/gorgeous-monkeys-talk.md

@@ -0,0 +1,10 @@
+---
+'@vue-macros/common': minor
+'unplugin-vue-macros': minor
+'@vue-macros/api': patch
+'@vue-macros/better-define': patch
+'@vue-macros/hoist-static': patch
+'@vue-macros/short-emits': patch
+---
+
+add better define

docs/.vitepress/configs/navs.ts

@@ -68,6 +68,10 @@ export const sidebar: DefaultTheme.Sidebar = [
         text: 'namedTemplate',
         link: '/features/named-template',
       },
+      {
+        text: 'betterDefine',
+        link: '/features/better-define',
+      },
     ],
   },
 ]

docs/features/better-define.md

@@ -0,0 +1,42 @@
+# betterDefine
+
+With enabling `betterDefine`, imported types is supported in `<script setup>` type-based-macros.
+
+[Related issue](https://github.com/vuejs/core/issues/4294)
+
+|      Features      |     Supported      |
+| :----------------: | :----------------: |
+|       Vue 3        | :white_check_mark: |
+|       Vue 2        | :white_check_mark: |
+| TypeScript / Volar | :white_check_mark: |
+
+## Basic Usage
+
+:::: code-group
+
+::: code-group-item App.vue
+
+```vue
+<script setup lang="ts">
+import type { BaseProps } from './types'
+
+interface Props extends BaseProps {
+  foo: string
+}
+defineProps<Props>()
+</script>
+```
+
+:::
+
+::: code-group-item types.ts
+
+```ts
+export interface BaseProps {
+  title: string
+}
+```
+
+:::
+
+::::

docs/guide/getting-started.md

@@ -131,6 +131,7 @@ module.exports = {
 ```ts
 VueMacros({
   root: '/your-project-path',
+
   /**
    * Vue version, 2 or 3.
    *
@@ -152,6 +153,11 @@ VueMacros({
      */
     unified: true,
   },
+
+  // Disable features
+  hoistStatic: false,
+
+  // ... more features
 })
 ```
 

packages/api/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@vue-macros/api",
+  "version": "0.0.0",
+  "packageManager": "pnpm@7.13.5",
+  "license": "MIT",
+  "homepage": "https://github.com/sxzz/unplugin-vue-macros#readme",
+  "bugs": {
+    "url": "https://github.com/sxzz/unplugin-vue-macros/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sxzz/unplugin-vue-macros.git"
+  },
+  "author": "三咲智子 <sxzz@sxzz.moe>",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "build": "tsup && tsx ../../scripts/postbuild.mts",
+    "dev": "DEV=1 tsup"
+  },
+  "dependencies": {
+    "@babel/types": "^7.19.4",
+    "@vue-macros/common": "workspace:~"
+  },
+  "devDependencies": {},
+  "engines": {
+    "node": ">=14.19.0"
+  }
+}

packages/api/src/index.ts

@@ -0,0 +1,5 @@
+export { MagicString } from '@vue-macros/common'
+
+export * from './vue'
+export * from './ts'
+export * from './utils'