test

Author: bencodezen

src/views/Home.vue

@@ -1,15 +1,39 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png" />
+    <p>{{ count }}</p>
+    <button @click="incrementCount">Add</button>
+  </div>
+</template>
+
 <script>
-import BackgroundFunction from '../components/BackgroundFunction.vue'
+import { reactive, toRefs, watch } from 'vue'
 
 export default {
-  components: {
-    BackgroundFunction
+  name: 'Home',
+  setup() {
+    const state = reactive({
+      count: 0
+    })
+
+    const incrementCount = () => {
+      state.count++
+    }
+
+    watch(
+      () => state.count,
+      (currentValue, oldValue) => {
+        console.log('current', currentValue)
+        console.log('old', oldValue)
+      }
+    )
+
+    const
+
+    return {
+      ...toRefs(state),
+      incrementCount
+    }
   }
 }
 </script>
-
-<template>
-  <background-function />
-</template>
-
-<style></style>