dev: test

src/pages/index/index.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="content">
     <img class="logo" src="/static/logo.png" />
-    <div class="text-area">
+    <div class="flex flex-col items-center gap-4">
       <p class="title text-red-500">
         {{ title }}
-        <span>{{ user.count }}</span>
       </p>
       <button @click="onClick">increment</button>
     </div>
@@ -13,6 +12,7 @@
 
 <script setup lang="ts">
 import { useUserStore } from '@/stores/user';
+import { computed } from 'vue';
 import { ref } from 'vue'
 
 const user = useUserStore()
@@ -21,7 +21,7 @@ const onClick = () => {
   user.count++
 }
 
-const title = ref('Hello')
+const title = computed(() => `Counter: ${user.count}`)
 </script>
 
 <style>