feat: import vue-demi

Author: lvjiaxuan

src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import NumberRoll from './NumberRoll.vue'
-import { reactive, ref, watch } from 'vue'
+import { reactive, ref, watch } from 'vue-demi'
 
 /**
  * data

src/NumberRoll.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, onMounted, ref, toRefs, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue-demi'
 
 const props = defineProps({
   start: {

tsconfig.node.json

@@ -2,6 +2,7 @@
   "extends": "@vue/tsconfig/tsconfig.json",
   "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
   "compilerOptions": {
+    "composite": true,
     "types": ["node18"]
   }
 }

vite.config.lib.ts

@@ -9,7 +9,7 @@ export default mergeConfig(base, {
       name: 'NumberRoll',
     },
     rollupOptions: {
-      external: [ 'vue' ],
+      external: [ 'vue', 'vue-demi' ],
       output: { globals: { vue: 'Vue' } },
     },
   },