lang bug fixed
This commit is contained in:
parent
a71d2694c2
commit
c1ee8d2aba
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
|
@ -6,9 +6,7 @@
|
||||||
role="button"
|
role="button"
|
||||||
class="w-6 h-6 rounded-full overflow-hidden shadow-lg image-fit zoom-in scale-110"
|
class="w-6 h-6 rounded-full overflow-hidden shadow-lg image-fit zoom-in scale-110"
|
||||||
>
|
>
|
||||||
<!-- <img alt="flag" :src="`/src/assets/images/flags/${selectedLang}.png`" /> -->
|
<img alt="flag" :src="`/flags/${selectedLang}.png`" />
|
||||||
<img alt="flag" :src="getSrc" />
|
|
||||||
<!-- <img alt="flag" :src="require(`@/assets/images/flags/${selectedLang}.png`)" /> -->
|
|
||||||
</DropdownToggle>
|
</DropdownToggle>
|
||||||
|
|
||||||
<DropdownMenu class="pt-2">
|
<DropdownMenu class="pt-2">
|
||||||
|
|
@ -24,7 +22,7 @@
|
||||||
<img
|
<img
|
||||||
alt="Icewall Tailwind HTML Admin Template"
|
alt="Icewall Tailwind HTML Admin Template"
|
||||||
class="rounded-full"
|
class="rounded-full"
|
||||||
:src="`/src/assets/images/flags/${lang.code}.png`"
|
:src="`/flags/${lang.code}.png`"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -33,7 +31,6 @@
|
||||||
<a href="javascript:;" class="font-medium truncate mr-5">{{
|
<a href="javascript:;" class="font-medium truncate mr-5">{{
|
||||||
lang.label
|
lang.label
|
||||||
}}</a>
|
}}</a>
|
||||||
<!-- <a class="font-medium truncate mr-5">Rus Dili</a> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -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) => {
|
const onLanguageChanged = (val) => {
|
||||||
selectedLang.value = val;
|
selectedLang.value = val;
|
||||||
i18n.global.locale = val;
|
i18n.global.locale = val;
|
||||||
localStorage.setItem(SELECTED_LANG, 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(() => {
|
onBeforeMount(() => {
|
||||||
const lang = localStorage.getItem(SELECTED_LANG);
|
const lang = localStorage.getItem(SELECTED_LANG);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue