wip

yoeriboven · Oct 18, 2024 · c02dac2 · c02dac2
1 parent bd3e4af
commit c02dac2
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 24 deletions.
diff --git a/lang/en.json b/lang/en.json
@@ -1,5 +1,5 @@
 {
-    "home.blog.description" : "Each time I learn something new I try to teach others using my blog. Here are some of my latest articles.",
+    "home.blog.description" : "When I learn something new I like to teach others using my blog. Here are some of my latest articles.",
     "home.os.title" : "My code",
     "home.os.description" : "Below you find the code of websites I've built, pull request to open source packages and packages I published on my own.",
     "home.cta_footer.title" : "Want to work together?",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
         "@inertiajs/progress": "^0.2.7",
         "@inertiajs/vue3": "^1.2.0",
         "@vitejs/plugin-vue": "^5.1.4",
+        "axios": "^1.7.7",
         "dayjs": "^1.11.13",
         "inter-ui": "^3.19.3",
         "laravel-vue-i18n": "^1.4.4",

diff --git a/resources/js/Shared/Header.vue b/resources/js/Shared/Header.vue
@@ -48,7 +48,8 @@
 <script setup>
 import { onMounted, ref, inject } from "vue";
 import { getActiveLanguage, loadLanguageAsync } from "laravel-vue-i18n";
-import { Link } from '@inertiajs/vue3'
+import { Link, router } from '@inertiajs/vue3'
+import axios from 'axios';
 
 defineProps({
     showHome: {
@@ -80,16 +81,26 @@ function changeLanguage(lang) {
         return;
     }
 
-    // axios.post(route('language-change', lang))
-    //     .then(function(response) {
+    // router.post(route('language-change', lang), {}, {
+    //     onSuccess: () => {
     //         loadLanguageAsync(lang);
     //
     //         emitter.emit('changedLanguage', {lang: lang});
     //
-    //         if (response.status === 204) {
-    //             orderLanguages(lang);
-    //         }
-    // });
+    //         orderLanguages(lang);
+    //     }
+    // })
+
+    axios.post(route('language-change', lang))
+        .then(function(response) {
+            loadLanguageAsync(lang);
+
+            emitter.emit('changedLanguage', {lang: lang});
+
+            if (response.status === 204) {
+                orderLanguages(lang);
+            }
+    });
 }
 
 </script>
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
@@ -3,6 +3,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <meta name="csrf-token" content="{{ csrf_token() }}">
     <x-meta_tags :article="$page['props']['article'] ?? null"/>
 
     @production