<script setup lang="ts">
import Child from "@/components/TestUpgrade.vue";
import { ref } from "vue";

const count = ref<number>(0);
const total = ref<number>(0);
</script>

<template>
  <q-card class="q-pa-md">
    <!-- Parent.vue -->
    <div class="q-mb-md">
      <div>Parent count is: {{ count }}</div>
      <q-btn @click="count = 0">Reset count</q-btn>
    </div>

    <q-separator />

    <div class="q-mb-md">
      <Child v-model="count" v-model:total="total" />
    </div>
  </q-card>
</template>
