Demo
Simple translation
vue
<template>
{{ $gettext("I like cats.") }}
</template>
Parameters
ts
$gettext(
"%{name} is a good friend. My favorite number is %{favNum}.",
{ name, favNum: number }
)
Pluralized
ts
$ngettext("I have %{count} book.", "I have %{count} books.",
count, { count }
);
Output
I have 0 books.Set count:
0
In code sections/files
vue
<script>
import { computed } from "vue";
import { useGettext } from "vue3-gettext";
const { $gettext, $ngettext } = useGettext();
const item = computed(() => ({
label: $gettext("I like cats."),
}));
</script>
<template>
{{ item.label }}
</template>
Output
I like cats.