From 38eb9cf35e6d850d942c568c6a6f4f18250cdba5 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 24 Sep 2024 12:36:21 +0200
Subject: [PATCH] dynamize inspirations selector

---
 src/components/inspirations/Selector.vue |  9 +++++----
 src/views/Inspirations.vue               | 10 +++++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/inspirations/Selector.vue b/src/components/inspirations/Selector.vue
index 33d05f8..bc612fb 100644
--- a/src/components/inspirations/Selector.vue
+++ b/src/components/inspirations/Selector.vue
@@ -10,8 +10,9 @@
     >
     <Select
       id="inspirations-select"
-      v-model="current.uri"
+      v-model="current"
       :options="all"
+      optionLabel="title"
       class="font-serif"
       data-icon="chevron-single-down"
       checkmark
@@ -29,13 +30,13 @@ const { all } = defineProps({
 const current = ref(all[0]);
 
 watch(current, (newValue) => {
-  console.log(newValue);
+  changeInspiration(newValue);
 });
 
 const emit = defineEmits(["update:currentInspiration"]);
 
-function changeInspiration(inspirationUri) {
-  emit("update:currentInspiration", inspirationUri);
+function changeInspiration(inspiration) {
+  emit("update:currentInspiration", inspiration);
 }
 </script>
 
diff --git a/src/views/Inspirations.vue b/src/views/Inspirations.vue
index 4fd25b6..2ad509f 100644
--- a/src/views/Inspirations.vue
+++ b/src/views/Inspirations.vue
@@ -2,7 +2,10 @@
   <main>
     <h2 id="tabslist" class="sr-only">Inspirations</h2>
     <Tabs :tabs="tabs" @update:currentTab="changeTab" />
-    <Selector :all="page.inspirations" />
+    <Selector
+      :all="page.inspirations"
+      @update:currentInspiration="changeInspiration"
+    />
     <section :id="currentTab" class="inspiration">
       <Header :inspiration="currentInspiration" />
       <div class="masonry flow">
@@ -63,6 +66,11 @@ const favoriteImages = computed(() => {
 function changeTab(newValue) {
   currentTab.value = newValue;
 }
+
+function changeInspiration(newValue) {
+  console.log(newValue);
+  currentInspiration.value = newValue;
+}
 </script>
 
 <style scoped>