mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 20:07:16 +00:00
18 lines
414 B
Vue
18 lines
414 B
Vue
<!-- eslint-disable vue/multi-word-component-names -->
|
|
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
multiplier: number
|
|
}>()
|
|
const count = ref(12)
|
|
const doubled = computed(() => count.value * props.multiplier)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="sugar-counter">
|
|
Sugar Counter {{ count }} x {{ multiplier }} = {{ doubled }}
|
|
<button @click="count += 1">
|
|
Inc
|
|
</button>
|
|
</div>
|
|
</template>
|