<template>
    <div>
        <h3>Search Parameters</h3>
    <pre>{{ searchStore.searchParams }}</pre>  <!-- ✅ Displays as JSON -->

    <p>Query: {{ searchStore.searchParams.query }}</p>
    <p>Search Type: {{ searchStore.searchParams.searchType }}</p>
    <p>Page Number: {{ searchStore.searchParams.pageNumber }}</p>
    <p>Page Size: {{ searchStore.searchParams.pageSize }}</p>

    </div>
</template>
<script setup lang="ts">
import {ref} from "vue";
import { useSearchStore } from "@/stores/searchStore";
const searchStore = useSearchStore();
</script>