chore(examples): update vue-composition-api

to reflect vue 2.7 upgrade Signed-off-by: Chawye Hsu <[email protected]>
chawyehsu · Jan 20, 2025 · a9c1577 · a9c1577
1 parent 8229bd6
commit a9c1577
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 13 deletions.
diff --git a/examples/vue-composition-api/package.json b/examples/vue-composition-api/package.json
@@ -2,16 +2,12 @@
   "name": "vue-composition-api",
   "version": "0.0.0",
   "private": true,
-  "description": "How to use the module @vue/composition-api with Saber",
+  "description": "How to use Vue Composition API in Saber",
   "scripts": {
     "dev": "saber",
     "build": "saber build"
   },
   "dependencies": {
-    "@alterjs/saber": "^0.13.0",
-    "@vue/composition-api": "^0.3.2"
-  },
-  "volta": {
-    "node": "16.20.2"
+    "@alterjs/saber": "^0.13.0"
   }
 }
diff --git a/examples/vue-composition-api/pages/index.vue b/examples/vue-composition-api/pages/index.vue
@@ -1,10 +1,10 @@
 <script>
 // Using Vue 3.x composition API in Vue 2.x
-import { computed, createComponent, reactive } from '@vue/composition-api'
+import { computed, reactive, defineComponent } from 'vue'
 
-// Wrapping component definition with `createComponent`
+// Wrapping component definition with `defineComponent`
 // is only required for TypeScript users
-export default createComponent({
+export default defineComponent({
   setup() {
     const state = reactive({
       count: 0,

diff --git a/examples/vue-composition-api/saber-browser.js b/examples/vue-composition-api/saber-browser.js