<script setup lang="ts">
import { ref } from "vue";
import { plural, t } from "@palamedes/core/macro";
const title = t`Choose your tickets`;
const quantity = ref(1);
function ticketLabel(count: number) {
return plural(count, { one: "# ticket", other: "# tickets" });
}
</script>
<template>
<h1>{{ title }}</h1>
<p>{{ ticketLabel(quantity) }}</p>
<button @click="quantity++">+</button>
</template>Place palamedes({ framework: "none", mdx: false }) before the official Vue plugin. Import macros in the script block that uses them. Render their results in the template; calls directly in template expressions and Vue rich-text components are not supported.