From 6ae1c81c6bbf213f7a6d60f6411a68b376cad8b2 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Wed, 30 Apr 2025 22:04:08 +0200
Subject: [PATCH] New language selection buttons
---
src/assets/svg/language/FR_flag.svg | 6 +++
src/assets/svg/language/JP_flag.svg | 5 ++
src/assets/svg/language/UK_flag.svg | 20 ++++++++
src/assets/svg/language/US_flag.svg | 77 +++++++++++++++++++++++++++++
src/components/footer.vue | 54 +++++++++++++++++---
src/main.js | 22 +++++++--
6 files changed, 173 insertions(+), 11 deletions(-)
create mode 100644 src/assets/svg/language/FR_flag.svg
create mode 100644 src/assets/svg/language/JP_flag.svg
create mode 100644 src/assets/svg/language/UK_flag.svg
create mode 100644 src/assets/svg/language/US_flag.svg
diff --git a/src/assets/svg/language/FR_flag.svg b/src/assets/svg/language/FR_flag.svg
new file mode 100644
index 0000000..e1307bc
--- /dev/null
+++ b/src/assets/svg/language/FR_flag.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/src/assets/svg/language/JP_flag.svg b/src/assets/svg/language/JP_flag.svg
new file mode 100644
index 0000000..d4eb709
--- /dev/null
+++ b/src/assets/svg/language/JP_flag.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/src/assets/svg/language/UK_flag.svg b/src/assets/svg/language/UK_flag.svg
new file mode 100644
index 0000000..ce1db95
--- /dev/null
+++ b/src/assets/svg/language/UK_flag.svg
@@ -0,0 +1,20 @@
+
+
diff --git a/src/assets/svg/language/US_flag.svg b/src/assets/svg/language/US_flag.svg
new file mode 100644
index 0000000..80b8afd
--- /dev/null
+++ b/src/assets/svg/language/US_flag.svg
@@ -0,0 +1,77 @@
+
+
diff --git a/src/components/footer.vue b/src/components/footer.vue
index 15cb9a6..a2f6ea0 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -32,8 +32,16 @@
-
@@ -50,6 +58,14 @@
import lineImg from '@/assets/img/line.png';
import githubSvg from '@/assets/img/github.svg';
+ import frFlagSvg from '@/assets/svg/language/FR_flag.svg';
+ import jpFlagSvg from '@/assets/svg/language/JP_flag.svg';
+ import ukFlagSvg from '@/assets/svg/language/UK_flag.svg';
+ import usFlagSvg from '@/assets/svg/language/US_flag.svg';
+
+ import {useI18n} from 'vue-i18n';
+ const i18n = useI18n();
+
const networks = [{
img:githubSvg,
routerLink:false,
@@ -63,6 +79,11 @@
routerLink:true,
link:"contact"
}];
+
+ const changeLanguage = (lang)=>{
+ document.cookie = "localeCookie="+lang;
+ location.reload(); // So everything can reload with the new cookie, and a new display language
+ }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9f26fd3..c264f17 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,17 +11,31 @@ import fr from "./assets/localization/fr/localization.json";
import en from "./assets/localization/en/localization.json";
import ja from "./assets/localization/ja/localization.json";
-let userLanguage = navigator.language || navigator.userLanguage;
+function getCookie(cname) {
+ let name = cname + "=";
+ let decodedCookie = decodeURIComponent(document.cookie);
+ let ca = decodedCookie.split(';');
+ for(let i = 0; i 
+