mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-30 01:17:16 +00:00
18 lines
417 B
Vue
18 lines
417 B
Vue
<script setup lang="ts">
|
|
// eslint-disable-next-line vue/no-setup-props-destructure
|
|
const { multiplier } = defineProps<{
|
|
multiplier: number
|
|
}>()
|
|
const count = $ref(12)
|
|
const doubled = $computed(() => count * multiplier)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="sugar-counter">
|
|
Sugar Counter {{ count }} x {{ multiplier }} = {{ doubled }}
|
|
<button @click="count += 1">
|
|
Inc
|
|
</button>
|
|
</div>
|
|
</template>
|