From c1ee8d2abae28e5e33aea003712e7f81d326cec4 Mon Sep 17 00:00:00 2001 From: Komek Hayytnazarov Date: Mon, 26 Sep 2022 16:47:59 +0500 Subject: [PATCH] lang bug fixed --- {src/assets/images => public}/flags/en.png | Bin {src/assets/images => public}/flags/ru.png | Bin {src/assets/images => public}/flags/tm.png | Bin src/components/lang/Main.vue | 33 ++------------------- 4 files changed, 2 insertions(+), 31 deletions(-) rename {src/assets/images => public}/flags/en.png (100%) rename {src/assets/images => public}/flags/ru.png (100%) rename {src/assets/images => public}/flags/tm.png (100%) diff --git a/src/assets/images/flags/en.png b/public/flags/en.png similarity index 100% rename from src/assets/images/flags/en.png rename to public/flags/en.png diff --git a/src/assets/images/flags/ru.png b/public/flags/ru.png similarity index 100% rename from src/assets/images/flags/ru.png rename to public/flags/ru.png diff --git a/src/assets/images/flags/tm.png b/public/flags/tm.png similarity index 100% rename from src/assets/images/flags/tm.png rename to public/flags/tm.png diff --git a/src/components/lang/Main.vue b/src/components/lang/Main.vue index b78fe43..e81709a 100644 --- a/src/components/lang/Main.vue +++ b/src/components/lang/Main.vue @@ -6,9 +6,7 @@ role="button" class="w-6 h-6 rounded-full overflow-hidden shadow-lg image-fit zoom-in scale-110" > - - flag - + flag @@ -24,7 +22,7 @@ Icewall Tailwind HTML Admin Template @@ -33,7 +31,6 @@ {{ lang.label }} - @@ -64,38 +61,12 @@ const languages = [ }, ]; -// const imageAssets = import.meta.globEager( -// `/src/assets/images/flags/*.{jpg,jpeg,png,svg}` -// ); - -// const imageAssets = import.meta.globEager( -// `/src/assets/images/flags/*.{jpg,jpeg,png,svg}` -// ); - -const imageAssets = import.meta.globEager( - `/src/assets/images/flags/*.{jpg,jpeg,png,svg}` -); - -// const imageUrl = new URL(`/src/assets/images/flags/${selectedLang}.png`, import.meta.url).href - const onLanguageChanged = (val) => { selectedLang.value = val; i18n.global.locale = val; localStorage.setItem(SELECTED_LANG, val); }; -const getSrc = () => { - // console.log("get src"); - // const path = "/src/assets/images/flags/tm.png"; - // const modules = import.meta.globEager("/src/assets/images/flags/*.{jpg,jpeg,png,svg}"); - // return modules[path].default; - return imageAssets["/src/assets/images/flags/tm.png"].default; -}; - -// const getImage = () => { -// return new URL(`/src/assets/images/flags/tm.png`, import.meta.url).href -// } - onBeforeMount(() => { const lang = localStorage.getItem(SELECTED_LANG);