summaryrefslogtreecommitdiff
path: root/iridescence/src/components/Navbar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/Navbar.vue')
-rw-r--r--iridescence/src/components/Navbar.vue28
1 files changed, 16 insertions, 12 deletions
diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue
index 78627e9..60db834 100644
--- a/iridescence/src/components/Navbar.vue
+++ b/iridescence/src/components/Navbar.vue
@@ -41,20 +41,12 @@
>
<div
class="navbar-item has-dropdown is-active"
- v-for="category in categories.keys()"
+ v-for="category in categories"
:key="category"
>
<div class="navbar-link">
{{ category }}
</div>
-
- <div
- class="navbar-dropdown"
- v-for="subcategory in categories.get(category)"
- :key="subcategory"
- >
- {{ subcategory }}
- </div>
</div>
<div class="navbar-item">
@@ -77,7 +69,7 @@ export default {
},
data() {
return {
- isMenuActive: false
+ isMenuActive: true
};
},
computed: {
@@ -89,8 +81,14 @@ export default {
}
},
categories() {
- const products = this.$store.getters.products;
- console.log(products.map(item => item.categories));
+ //const raw = this.$store.getters.products.map(p => p.category.split("/"));
+ const raw = [
+ [1, 2, 3],
+ [1, 2, 4],
+ [1, 5],
+ [6, 7]
+ ];
+ console.log(this.generateCategories(raw));
return [];
},
routeName() {
@@ -98,6 +96,12 @@ export default {
}
},
methods: {
+ generateCategories(list) {
+ let results = [];
+ console.log(list);
+
+ return results;
+ },
toggleNavMenu() {
this.isMenuActive = !this.isMenuActive;
}