<script setup>
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++
}

</script>

<template>
  <h1 :class="textClass">Hello {{ name }}</h1>
  <button @click="incrementCounter">click me for cookies</button>
  You have {{ counter }} cookies
  <InputMask/>
</template>

<style scoped>
.text {
  color: red;
}
</style>
