<script setup lang="ts">
  import { storeToRefs } from 'pinia';
  import { useHelloWorldStore } from '@/store/helloworld';

  defineProps<{ msg: string }>();

  const helloWorldStore = useHelloWorldStore();
  const { counter } = storeToRefs(helloWorldStore);
</script>

<template>
  <i class="inline-block i-uplus:logo size-64px mt-spacing-xxl" />
  <h1 class="color-text-primary">{{ msg }}</h1>

  <ElButton type="primary" @click="helloWorldStore.increment">功德 +{{ counter }}</ElButton>
</template>
