Vue3 transition

src/components/LanguageSwitcher.vue

 <template>
-  <select
-    id="language"
-    name="language"
-    :value="$language.current"
-    @change="$router.push({ params: { locale: $event.target.value } })"
-  >
-    <option
-      v-for="(language, key) in $language.available"
-      :key="key"
-      :value="key"
-      >{{ language }}</option
-    >
-  </select>
+    <select id="language" name="language" v-model="language.current">
+        <option v-for="(language, key) in language.available" :key="key" :value="key">{{ language }}</option>
+    </select>
 </template>
+
+<script>
+import { useGettext } from "@jshmrtn/vue3-gettext";
+
+export default {
+    setup() {
+        const language = useGettext();
+        return {
+            language,
+        };
+    },
+};
+</script>