Migrates every component from class-based vue-property-decorator to
<script setup> + Composition API. Replaces Vuex 3 + vuex-class with a
single Pinia store (persisted via pinia-plugin-persistedstate). Swaps
Bulma + bulma-{checkradio,switch,pricingtable} for DaisyUI 5 utilities
on Tailwind 4. Replaces register-service-worker with vite-plugin-pwa
(workbox, skipWaiting/clientsClaim preserved).
Plugins replaced:
- vue-class-component / vue-property-decorator -> <script setup>
- vuex / vuex-class / vuex-persist -> pinia + persistedstate
- vue-i18n 8 -> vue-i18n 11 (composition mode, legacy: false)
- vue-click-outside -> @vueuse/core onClickOutside
- @xkeshi/vue-qrcode -> qrcode.vue
- vue-currency-input 1 -> vue-currency-input 3 (composable wrapper)
- bus-event (Vue instance) -> mitt
- Vue filters -> plain functions imported per component
BREAKING: drops Stripe / pricing entirely (Payment, PricingTable,
/pricing route, vue-stripe-checkout, bulma-pricingtable).
Clears unused Cypress and Jest test scaffolding; leaves a Vitest
harness behind for future tests.
20 lines
430 B
Vue
20 lines
430 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import chartService from '@/services/ChartService'
|
|
import type IStat from '@/models/IStat'
|
|
|
|
const props = defineProps<{
|
|
stat: IStat
|
|
index: number
|
|
total: number
|
|
}>()
|
|
|
|
const point = computed(() =>
|
|
chartService.valueToPoint(props.stat.percent + 10, props.index, props.total)
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<text :x="point.x" :y="point.y">{{ stat.label }}</text>
|
|
</template>
|