Vue.js: How do you implement i18n?

1import { createI18n } from "vue-i18n"
2
3const i18n = createI18n({
4  locale: "en",
5  messages: {
6    en: { hello: "Hello" },
7    ru: { hello: "Привет" }
8  }
9})

1<script setup>
2import { useI18n } from "vue-i18n"
3
4const { t, locale } = useI18n()
5locale.value = "ru"
6</script>
7
8<template>
9  <p>{{ t("hello") }}</p>
10</template>