HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2026-01-17 20:22:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

#1: added Twemoji Country Flags

Browse Source
This commit is contained in:
Elmar Kresse
2024-04-25 11:54:24 +02:00
parent 5bf2dbcc7a
commit 0bd6b35e8f
9 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/LocaleSwitcher.vue
View File

@@ -64,7 +64,7 @@ updateLocale(localeStore().locale);
<template #value="slotProps">
<div v-if="slotProps.value" class="flex align-items-center">
<div class="mr-2 flag">{{ displayIcon(slotProps.value) }}</div>
<div>{{ displayCountry(slotProps.value) }}</div>
<div style="font-family: 'Twemoji Country Flags', 'Helvetica', 'Comic Sans', serif;">{{ displayCountry(slotProps.value) }}</div>
</div>
<span v-else>
{{ slotProps.placeholder }}

3
frontend/src/main.ts
View File

@@ -55,6 +55,9 @@ import Skeleton from "primevue/skeleton";
import Calendar from "primevue/calendar";
import i18n from "./i18n";
import { VueQueryPlugin } from "@tanstack/vue-query";
import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
polyfillCountryFlagEmojis();
const app = createApp(App);
const pinia = createPinia();