Add PrimeVue and Select component

This commit is contained in:
Timothée Goguely 2024-09-10 16:23:09 +02:00
parent 70032e1b11
commit 2028955820
4 changed files with 82 additions and 9 deletions

View file

@ -8,18 +8,18 @@
"
>
<label for="inspirations">Choisir une inspiration</label>
<select id="inspirations">
<!-- TODO: dynamiser les options en bouclant sur les inspirations -->
<option value="shape-of-nature" selected>Shape of Nature</option>
<option value="inspiration-slug">Inspiration Title</option>
</select>
</div>
<Select id="inspirations" v-model="selectedInspiration" :options="inspirations" optionLabel="name" optionValue="value" class="" />
</div>
</template>
<script setup>
const { inspiration } = defineProps({
inspiration: Object,
});
import { ref } from "vue";
const selectedInspiration = ref();
const inspirations = ref([
{ name: 'Shape of Nature', value: 'shape-of-nature', selected: true },
{ name: 'Inspiration Title', value: 'inspiration-title' }
]);
</script>
<style scoped>