add: search bar

Add new header and search bar
This commit is contained in:
Fiona Lena Urban 2025-05-10 18:07:18 +02:00
parent 0aa495e05b
commit 4b07ebb2ec
18 changed files with 206 additions and 71 deletions

View file

@ -0,0 +1,25 @@
<template>
<div class="Search">
<input
v-model="text"
:id="id"
:placeholder="label"
@blur="emit('search', text)"
/>
<PpButton class="search-button">
<Icon name="uil:search" mode="svg" />
</PpButton>
</div>
</template>
<script setup lang="ts">
type Props = {
label : string
id : string
}
defineProps<Props>()
const emit = defineEmits(['search'])
const text = defineModel()
</script>