fix UI

components/nav.vue

@@ -14,6 +14,7 @@
         <b-navbar-nav>
           <b-nav-item href="/home/users">USER</b-nav-item>
           <b-nav-item href="/home/categories">CATEGORY</b-nav-item>
+          <b-nav-item href="/home/products">PRODUCT</b-nav-item>
         </b-navbar-nav>
 
         <!-- Right aligned nav items -->

pages/home/categories.vue

@@ -39,7 +39,7 @@
             v-model="ordering"
             required
           />
-          <!-- <b-form-select v-model="selected" :options="options"></b-form-select> -->
+          <b-form-select v-model="selected" :options="options"></b-form-select>
           <label>Image :</label>
           <b-form-file
             @change="fileSelected"
@@ -208,6 +208,7 @@ import Nav from "@/components/Nav";
 import Navigation from "@/components/Navigation";
 import axios from "axios";
 import notification from "@/components/Notification";
+import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
 
 export default {
   layout: 'admin',
@@ -225,13 +226,7 @@ export default {
     error: '',
     dialog: false,
     dialogDelete: false,
-    options: [
-          { value: null, text: 'Please select an option' },
-          { value: 'a', text: 'This is First option' },
-          { value: 'b', text: 'Selected Option' },
-          { value: { C: '3PO' }, text: 'This is an option with object value' },
-          { value: 'd', text: 'This one is disabled', disabled: true }
-        ],
+    options: [],
     headers: [
       {
         text: "Name",

pages/home/products.vue

+<template>
+  <div>
+    <b-breadcrumb>
+    <b-breadcrumb-item href="/home">
+      <b-icon icon="house-fill" scale="1.25" shift-v="1.25" aria-hidden="true"></b-icon>
+      Home
+    </b-breadcrumb-item>
+    <b-breadcrumb-item href="/home/categories">Product</b-breadcrumb-item>
+  </b-breadcrumb>
+  </div>
+</template>
+
+<script>
+import { onMounted } from "vue";
+import axios from "axios";
+import VueAxios from "vue-axios";
+
+import Nav from "@/components/Nav";
+
+
+export default {
+  layout: "admin",
+  components: { Nav },
+  middleware: ['web'],
+  
+};
+</script>
\ No newline at end of file