From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Fri, 26 Aug 2022 19:52:28 +0000 (+0200)
Subject: Additional page name as css class
X-Git-Tag: v22.08.1^0
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=34259e1e94e3563520dd42edec234b08ea5fe9e3;p=github%2Fbastienwirtz%2Fhomer.git

Additional page name as css class
---

diff --git a/src/App.vue b/src/App.vue
index 4120fe5..5ab5c0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,7 @@
     v-if="config"
     :class="[
       `theme-${config.theme}`,
+      `page-${currentPage}`,
       isDark ? 'is-dark' : 'is-light',
       !config.footer ? 'no-footer' : '',
     ]"
@@ -171,6 +172,7 @@ export default {
   data: function () {
     return {
       loaded: false,
+      currentPage: null,
       configNotFound: false,
       config: null,
       services: null,
@@ -202,14 +204,11 @@ export default {
       let config;
       try {
         config = await this.getConfig();
-        const path =
-          window.location.hash.substring(1) != ""
-            ? window.location.hash.substring(1)
-            : null;
+        this.currentPage = window.location.hash.substring(1) || "default";
 
-        if (path) {
-          let pathConfig = await this.getConfig(`assets/${path}.yml`); // the slash (/) is included in the pathname
-          config = Object.assign(config, pathConfig);
+        if (this.currentPage !== "default") {
+          let pageConfig = await this.getConfig(`assets/${this.currentPage}.yml`);
+          config = Object.assign(config, pageConfig);
         }
       } catch (error) {
         console.log(error);