diff --git a/vue-project/src/App.vue b/vue-project/src/App.vue
index b200e03..644ff7f 100644
--- a/vue-project/src/App.vue
+++ b/vue-project/src/App.vue
@@ -1,11 +1,20 @@
 <script setup>
+import {ref} from "vue";
+
 const name = 'your-name'
 const textClass = 'text'
+const counter = ref(0)
+
+function incrementCounter() {
+  counter.value++
+}
 
 </script>
 
 <template>
   <h1 :class="textClass">Hello {{ name }}</h1>
+  <button @click="incrementCounter">click me for cookies</button>
+  You have {{ counter }} cookies
 </template>
 
 <style scoped>