TPS
/
birzha-legalizasia-frontend
5
0
Fork 0
Code Issues 4 Pull Requests Projects 1 Releases Wiki Activity

lang bug fixed

This commit is contained in:
Komek Hayytnazarov 2022-09-26 16:47:59 +05:00
parent a71d2694c2
commit c1ee8d2aba
4 changed files with 2 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/images/flags/en.png → public/flags/en.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

0
src/assets/images/flags/ru.png → public/flags/ru.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

0
src/assets/images/flags/tm.png → public/flags/tm.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

33
src/components/lang/Main.vue
View File

@ -6,9 +6,7 @@
role="button"
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="getSrc" />
<!-- <img alt="flag" :src="require(`@/assets/images/flags/${selectedLang}.png`)" /> -->
<img alt="flag" :src="`/flags/${selectedLang}.png`" />
</DropdownToggle>
<DropdownMenu class="pt-2">
@ -24,7 +22,7 @@
<img
alt="Icewall Tailwind HTML Admin Template"
class="rounded-full"
:src="`/src/assets/images/flags/${lang.code}.png`"
:src="`/flags/${lang.code}.png`"
/>
</div>
@ -33,7 +31,6 @@
<a href="javascript:;" class="font-medium truncate mr-5">{{
lang.label
}}</a>
<!-- <a class="font-medium truncate mr-5">Rus Dili</a> -->
</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) => {
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);