Copy

<script setup lang="ts">
import FilterBar from "components/Filter/FilterBar.vue";
import { type FilterState, useFilterStore } from "src/store";

const props = defineProps<{
  filters?: FilterState;
}>();

const filterStore = props.filters || useFilterStore().state;
</script>

<template>
  <div class="flex items-start justify-center gap-2">
    <FilterBar :filters="filterStore" />
  </div>
</template>