Skip to content

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 }
);
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>
I like cats.