init: чистый старт Laravel + Vuexy

resources/ts/@core/components/I18n.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import type { I18nLanguage } from '@layouts/types'
+
+interface Props {
+  languages: I18nLanguage[]
+  location?: any
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  location: 'bottom end',
+})
+
+const { locale } = useI18n({ useScope: 'global' })
+</script>
+
+<template>
+  <IconBtn>
+    <VIcon icon="tabler-language" />
+
+    <!-- Menu -->
+    <VMenu
+      activator="parent"
+      :location="props.location"
+      offset="12px"
+      width="175"
+    >
+      <!-- List -->
+      <VList
+        :selected="[locale]"
+        color="primary"
+      >
+        <!-- List item -->
+        <VListItem
+          v-for="lang in props.languages"
+          :key="lang.i18nLang"
+          :value="lang.i18nLang"
+          @click="locale = lang.i18nLang"
+        >
+          <!-- Language label -->
+          <VListItemTitle>
+            {{ lang.label }}
+          </VListItemTitle>
+        </VListItem>
+      </VList>
+    </VMenu>
+  </IconBtn>
+</template>