improvement: liste des créatures dans la sidebar

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 creatures = computed(() => {
-
+  return LISTE_CREATURES;
-const sidebar = computed(() => {
-  return store.getSidebar() ?? [{ title: "", id: 0, links: [] }];
-});
-
-const linkBase = computed(() => {
-  if (store.isJdrLoaded()) {
-    return `jdr/${store.currentJdr}`;
-  } else {
-    return `jdr`;
-  }
 });
 </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">
+    <ul>
-      <div class="menu-divider" v-if="item.title">{{ item.title }}</div>
+      <div class="menu-divider">Créatures</div>
-      <li v-for="(link, index) in item.links" :key="index">
+      <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"
+          >{{ creature }}</router-link
-          >{{ link.title }}</router-link
         >
       </li>
     </ul>

src/utils/constantes.ts

@@ -0,0 +1,8 @@
+export const LISTE_CREATURES = [
+  "Animaux",
+  "Animaux sauvages",
+  "Animaux magiques",
+  "Démons",
+  "Petit peuples",
+  "Morts-Vivants",
+];