From 6eaea78f67908a493b94850e5eed0b7fd312a4fe Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Tue, 17 Oct 2023 19:44:40 +0200
Subject: [PATCH] =?UTF-8?q?improvement:=20liste=20des=20cr=C3=A9atures=20d?=
 =?UTF-8?q?ans=20la=20sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/SideBar.vue | 28 +++++++++-------------------
 src/utils/constantes.ts           |  8 ++++++++
 2 files changed, 17 insertions(+), 19 deletions(-)
 create mode 100644 src/utils/constantes.ts

diff --git a/src/components/layout/SideBar.vue b/src/components/layout/SideBar.vue
index d1dbcb9..5032e89 100644
--- a/src/components/layout/SideBar.vue
+++ b/src/components/layout/SideBar.vue
@@ -1,34 +1,24 @@
 <script setup lang="ts">
-import { useConfigStore } from "@/stores/config";
 import { computed } from "vue";
+import { LISTE_CREATURES } from "@/utils/constantes";
+import { toURI } from "@/utils/urls";
 
-const store = useConfigStore();
-
-const sidebar = computed(() => {
-  return store.getSidebar() ?? [{ title: "", id: 0, links: [] }];
-});
-
-const linkBase = computed(() => {
-  if (store.isJdrLoaded()) {
-    return `jdr/${store.currentJdr}`;
-  } else {
-    return `jdr`;
-  }
+const creatures = computed(() => {
+  return LISTE_CREATURES;
 });
 </script>
 
 <template>
   <aside id="sidebar" class="bg-dark fg-light menu">
     <h1 class="title-5 fg-light">Navigation</h1>
-    <ul v-for="item in sidebar" :key="item.id">
-      <div class="menu-divider" v-if="item.title">{{ item.title }}</div>
-      <li v-for="(link, index) in item.links" :key="index">
+    <ul>
+      <div class="menu-divider">Créatures</div>
+      <li v-for="(creature, index) in creatures" :key="index">
         <router-link
-          :to="`/${linkBase}/${link.path}`"
+          :to="`/creatures/${toURI(creature)}`"
           class="menu-item"
           :replace="true"
-          v-if="!link.isHidden"
-          >{{ link.title }}</router-link
+          >{{ creature }}</router-link
         >
       </li>
     </ul>
diff --git a/src/utils/constantes.ts b/src/utils/constantes.ts
new file mode 100644
index 0000000..9403e60
--- /dev/null
+++ b/src/utils/constantes.ts
@@ -0,0 +1,8 @@
+export const LISTE_CREATURES = [
+  "Animaux",
+  "Animaux sauvages",
+  "Animaux magiques",
+  "Démons",
+  "Petit peuples",
+  "Morts-Vivants",
+];