From 9757a3d07630d6ba6ab541d0a26823c0a9b8b42a Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sat, 25 Mar 2023 02:10:17 +0100
Subject: [PATCH] feat: add LocaleSwitcher component

---
 src/components/LocaleSwitcher.vue | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/LocaleSwitcher.vue

diff --git a/src/components/LocaleSwitcher.vue b/src/components/LocaleSwitcher.vue
new file mode 100644
index 0000000..7daa5b6
--- /dev/null
+++ b/src/components/LocaleSwitcher.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+const localeFlags = {
+  en: "🇬🇧 English",
+  de: "🇩🇪 Deutsch",
+};
+</script>
+
+<template>
+  <div class="localeswitch">
+    <select v-model="$i18n.locale">
+      <option
+        v-for="locale in $i18n.availableLocales"
+        :key="`locale-${locale}`"
+        :value="locale"
+      >
+        {{ localeFlags[locale] }}
+      </option>
+    </select>
+  </div>
+</template>
+
+<style lang="scss">
+.localeswitch {
+  select {
+    display: block;
+    margin: auto;
+  }
+}
+</style>