generated from template/astro-simple-template
30 lines
635 B
Vue
30 lines
635 B
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
|
|
const props = defineProps({
|
|
count: {
|
|
default: 0,
|
|
},
|
|
})
|
|
|
|
const counter = ref(props.count)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex w-min border border-main rounded-md">
|
|
<button
|
|
class="border-r border-main p-2 font-mono outline-none hover:bg-gray-400 hover:bg-opacity-20"
|
|
@click="counter -= 1"
|
|
>
|
|
-
|
|
</button>
|
|
<span class="m-auto p-2">{{ counter }}</span>
|
|
<button
|
|
class="border-l border-main p-2 font-mono outline-none hover:bg-gray-400 hover:bg-opacity-20"
|
|
@click="counter += 1"
|
|
>
|
|
+
|
|
</button>
|
|
</div>
|
|
</template>
|