8375640c1e
- Création de la page Fiverr pour présenter les services freelance - Ajout des composants FiverrHero, FiverrServiceCard et FiverrCta - Intégration des services Fiverr dans la configuration du site - Ajout de nouvelles images pour les services Fiverr - Mise à jour des traductions pour inclure les services Fiverr - Amélioration de la gestion des actifs avec l'importation des images - Ajout de styles CSS pour les nouveaux composants et pages
29 lines
877 B
Vue
29 lines
877 B
Vue
<script setup lang="ts">
|
|
import { useI18n } from '@/composables/useI18n'
|
|
|
|
const { currentLocale, switchLocale, isEnglish, isFrench } = useI18n()
|
|
|
|
const languages = [
|
|
{ code: 'fr', name: 'Français', flag: '🇫🇷' },
|
|
{ code: 'en', name: 'English', flag: '🇬🇧' }
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<div class="language-switcher">
|
|
<div class="language-switcher-buttons">
|
|
<button v-for="lang in languages" :key="lang.code" @click="switchLocale(lang.code)" :class="[
|
|
'language-btn',
|
|
{ 'active': currentLocale === lang.code }
|
|
]" :title="lang.name">
|
|
<span class="flag">{{ lang.flag }}</span>
|
|
<span class="lang-code">{{ lang.code.toUpperCase() }}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
@import './styles/LanguageSwitcher.css';
|
|
</style>
|