<template>
  <button
    @click="searchBarOpen = !searchBarOpen"
  >
     {{ searchBarOpen ? 'Close search bar' : 'Open search bar }}
  </button>
  <input v-if="searchBarOpen"/>
<template>

<script setup>
import { ref } from "vue";

const searchBarOpen = ref(false);
</script>