dynamize inspirations selector

This commit is contained in:
isUnknown 2024-09-24 12:36:21 +02:00
parent b048d3d43f
commit 38eb9cf35e
2 changed files with 14 additions and 5 deletions

View file

@ -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>