<template>
  <div class="max-w-screen-xl px-4 mx-auto 2xl:px-">
    <div class="flex flex-col py-2">
      
      <nav class="flex py-3 text-gray-700 dark:bg-gray-800 relative" aria-label="Breadcrumb">
        <FBWBreadcrumb />
        <filterSort />
      </nav>


    </div>
  </div>
</template>
  

<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import filterSort from '../components/FBWFilterSort.vue';
import FBWBreadcrumb from '../components/FBWBreadcrumb.vue';


const route = useRoute();
const category = computed(() => route.params.category || '');
</script>



<style scoped>

</style>