dynamize inspirations selector
This commit is contained in:
parent
b048d3d43f
commit
38eb9cf35e
2 changed files with 14 additions and 5 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue