Fixed composition api issues

README.md

@@ -6,8 +6,4 @@ Example project for a Vue 2 SPA using Vite and composition API
 
 * [`vite-plugin-vue2`](https://github.com/underfin/vite-plugin-vue2)
 * [`vite-plugin-components`](https://github.com/antfu/vite-plugin-components)
-* [` vite-plugin-windicss`](https://github.com/windicss/vite-plugin-windicss)
-
-## TODO
-
-Fix @vue/composition-api issues using @vueuse/core
+* [` vite-plugin-windicss`](https://github.com/windicss/vite-plugin-windicss)

package.json

@@ -6,8 +6,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "lint": "eslint './src//**/*.{js,ts,tsx,vue,md}'",
-    "lint:fix": "eslint './src//**/*.{js,ts,tsx,vue,md}' --fix"
+    "lint": "eslint './src/**/*.{js,ts,tsx,vue,md}'",
+    "lint:fix": "eslint './src/**/*.{js,ts,tsx,vue,md}' --fix"
   },
   "dependencies": {
     "@vue/composition-api": "1.0.0-rc.2",

src/App.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@vue/composition-api";
+import { defineComponent } from "vue-demi";
 import { useTimestamp } from "@vueuse/core";
 
 export default defineComponent({

src/main.ts

@@ -1,8 +1,6 @@
 import Vue from "vue";
 import App from "@/App.vue";
-import VueCompositionApi, { createApp, h } from "@vue/composition-api";
-
-Vue.use(VueCompositionApi);
+import { createApp, h } from "vue-demi";
 
 import "windi.css";