working package for mfe header

package-lock.json

@@ -11,7 +11,7 @@
         "@sangarajuguptanisum/vue-custom-components": "^0.0.3",
         "axios": "^1.6.2",
         "vue": "^3.3.10",
-        "vue-header-footer-mfe": "^0.0.7",
+        "vue-header-footer-mfe": "^1.0.1",
         "vue-router": "^4.2.5",
         "vuex": "^4.1.0"
       },
@@ -9520,9 +9520,9 @@
       }
     },
     "node_modules/vue-header-footer-mfe": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/vue-header-footer-mfe/-/vue-header-footer-mfe-0.0.7.tgz",
-      "integrity": "sha512-QOGDOUAjx0CqMMul+4eq5cWEKbmiD4N0j2pKFYPU5JqiaZSeBPks5Xic9TAUJRwnFAd9izcpjarFas6cGMQwTw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vue-header-footer-mfe/-/vue-header-footer-mfe-1.0.1.tgz",
+      "integrity": "sha512-COxiWQGLRvI47xeHN34cBiGM6XW50Htn6zJAFVPLa2XO8vD9ASpu+d5Qa+MzQkPkBsyFYbD9NttqumPN8+BQ/g==",
       "dependencies": {
         "@sangarajuguptanisum/vue-custom-components": "^0.0.3",
         "pinia": "^2.1.7",

package.json

@@ -15,7 +15,7 @@
     "@sangarajuguptanisum/vue-custom-components": "^0.0.3",
     "axios": "^1.6.2",
     "vue": "^3.3.10",
-    "vue-header-footer-mfe": "^0.0.7", 
+    "vue-header-footer-mfe": "^1.0.1",
     "vue-router": "^4.2.5",
     "vuex": "^4.1.0"
   },

src/Views/CategoriesList/CategoriesList.vue

@@ -25,11 +25,9 @@ export default {
   },
   methods: {
     async getProductsByCategory() {
-      // const { data } = await axios.get("https://fakestoreapi.com/products");
       this.products = this.$store.state.products.filter(
         (item) => item.category.toLowerCase() === this.$route.params.product.toLowerCase()
       )
-      // console.log("test", this.products, "sample")
     }
   },
   beforeMount() {

src/main.js

-import 'vue-header-footer-mfe/dist/index.css'
+import './assets/main.css'
 import '@sangarajuguptanisum/vue-custom-components/dist/index.css'
 import '@sangarajuguptanisum/vue-custom-components/dist/style.css'
+import 'vue-header-footer-mfe/dist/index.css'
 import vueComponents from '@sangarajuguptanisum/vue-custom-components'
 import vueCustomComponents from 'vue-header-footer-mfe'
-import './assets/main.css'
+
 
 import { createApp } from 'vue'
 import App from './App.vue'