generated from Seekra/repository-template
Use icons instead of Unicode characters #91
@@ -15,6 +15,8 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import Icon from '@/features/icons/components/Icon.vue';
|
||||||
|
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { loadLanguage, LANGUAGES_RTL, SUPPORTED_LANGUAGES } from '@/i18n';
|
import { loadLanguage, LANGUAGES_RTL, SUPPORTED_LANGUAGES } from '@/i18n';
|
||||||
@@ -64,7 +66,9 @@ const open = function () {
|
|||||||
aria-haspopup="listbox"
|
aria-haspopup="listbox"
|
||||||
>
|
>
|
||||||
<span class="lang-code">{{ t(`preferences.locale.languages.${locale}`) }}</span>
|
<span class="lang-code">{{ t(`preferences.locale.languages.${locale}`) }}</span>
|
||||||
<span class="chevron" :class="{ open: isOpen }">▾</span>
|
<span class="chevron" :class="{ open: isOpen }">
|
||||||
|
<Icon name="chevron-down" size="1em" />
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<ul v-if="isOpen" ref="languageDropdown" class="language-dropdown" role="listbox">
|
<ul v-if="isOpen" ref="languageDropdown" class="language-dropdown" role="listbox">
|
||||||
|
|||||||
Reference in New Issue
Block a user