<script lang="ts" setup>
import { ref } from 'vue';
const props = defineProps({
    incrementStep: {
        type: Number,
        default: 1,
    },
});

const counter = ref(0);
const input = ref('rocket muffin');
function increment() {
    counter.value += props.incrementStep;
}
</script>

<template>
    <div>
        <p class="content">{{ input }}</p>
        <span>{{ counter }}</span>
        <q-btn class="button" @click="increment()"></q-btn>
    </div>
</template>
