feat: init

Author: sxzz

.gitignore

@@ -0,0 +1,13 @@
+# Local
+.DS_Store
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

README.md

@@ -0,0 +1,7 @@
+# Vue Macros + Vue 3 + Rsbuild
+
+- Vue 3
+- Vue Macros
+- Rsbuild
+
+[Documentation](https://vue-macros.dev/)

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "vue3-rsbuild",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "dependencies": {
+    "@vueuse/core": "^12.0.0",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.1.9",
+    "@rsbuild/plugin-vue": "^1.0.5",
+    "typescript": "^5.7.2",
+    "unplugin-vue-macros": "^2.13.5"
+  }
+}

pnpm-lock.yaml

@@ -0,0 +1,12 @@
+import { defineConfig } from '@rsbuild/core'
+import { pluginVue } from '@rsbuild/plugin-vue'
+import VueMacros from 'unplugin-vue-macros/rspack'
+
+export default defineConfig({
+  plugins: [pluginVue()],
+  tools: {
+    rspack: {
+      plugins: [VueMacros()],
+    },
+  },
+})

rsbuild.config.ts

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+defineModels<{
+  foo?: string
+}>()
+
+let count = $ref(10)
+function inc() {
+  count++
+}
+</script>
+
+<template>
+  <h1>Rsbuild x Vue Macros x Vue 3</h1>
+  {{ foo }}
+  <button @click="inc">{{ count }}</button>
+</template>

src/App.vue

@@ -0,0 +1,10 @@
+/// <reference types="@rsbuild/core/types" />
+/// <reference types="unplugin-vue-macros/macros-global" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+
+  // biome-ignore lint/complexity/noBannedTypes: reason
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

src/env.d.ts

@@ -0,0 +1,4 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+
+createApp(App).mount('#root');

src/index.ts

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["DOM", "ES2020"],
+    "module": "ESNext",
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "useDefineForClassFields": true
+  },
+  "vueCompilerOptions": {
+    "plugins": ["unplugin-vue-macros/volar"]
+  },
+  "include": ["src"]
+}

tsconfig.json

@@ -0,0 +1,3 @@
+import { defineConfig } from 'unplugin-vue-macros'
+
+export default defineConfig({})