collection -> inspiration

src/components/Menu.vue

@@ -73,7 +73,7 @@
           <a href="#">Profil</a>
         </li>
         <li data-icon="logout">
-          <a href="#">Déconnexion</a>
+          <a href="/logout.php">Déconnexion</a>
         </li>
       </ul>
     </footer>

src/components/inspirations/Header.vue

@@ -1,14 +1,14 @@
 <template>
   <header
     class="flex | text-center"
-    :style="'--image: url(\'' + collection.cover + '\');'"
+    :style="'--image: url(\'' + inspiration.cover + '\');'"
   >
     <!-- $inspiration->cover()->url() -->
     <h2
       class="inspiration__title | font-serif | text-lg"
-      :class="{ new: collection.new }"
+      :class="{ new: inspiration.new }"
     >
-      {{ collection.title }}
+      {{ inspiration.title }}
     </h2>
     <!-- $inspiration->title() + class="new" if $inspiration->new()->isTrue() -->
     <time
@@ -18,7 +18,7 @@
     >
     <!-- $inspiration->date() -->
     <p class="inspiration__description">
-      {{ collection.description }}
+      {{ inspiration.description }}
     </p>
   </header>
 </template>
@@ -27,13 +27,13 @@
 import dayjs from "dayjs";
 import "dayjs/locale/fr";
 
-const { collection } = defineProps({
-  collection: Object,
+const { inspiration } = defineProps({
+  inspiration: Object,
 });
 
 dayjs.locale("fr");
 
-const frenchFormattedDate = dayjs(collection.date).format("MMMM YYYY");
+const frenchFormattedDate = dayjs(inspiration.date).format("MMMM YYYY");
 </script>
 
 <style scoped>