From ca0302d555286adf5de1a4b6a7bdd91e6425ef87 Mon Sep 17 00:00:00 2001
From: valerio <v.cocco73@gmail.com>
Date: Mon, 27 Jan 2025 18:07:02 +0100
Subject: [PATCH] update solution

---
 vue-project/src/App.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/vue-project/src/App.vue b/vue-project/src/App.vue
index 2575515..e2b9258 100644
--- a/vue-project/src/App.vue
+++ b/vue-project/src/App.vue
@@ -2,25 +2,27 @@
 import {ref} from "vue";
 import InputMask from "@/components/InputMask.vue";
 
-const name = 'your-name'
-const textClass = 'text'
+
 const counter = ref(0)
 
 function incrementCounter() {
   counter.value++
 }
 
+const name = ref('')
+
+setTimeout(() => {
+  name.value = 'Bob'
+}, 1000)
+
 </script>
 
 <template>
-  <h1 :class="textClass">Hello {{ name }}</h1>
+
+  <h1>Hello {{ name }}</h1>
   <button @click="incrementCounter">click me for cookies</button>
   You have {{ counter }} cookies
   <InputMask/>
 </template>
 
-<style scoped>
-.text {
-  color: red;
-}
-</style>
+<style scoped></style>