@viur/shop-components 0.0.1-dev.12 → 0.0.1-dev.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viur/shop-components",
-  "version": "0.0.1-dev.12",
+  "version": "0.0.1-dev.13",
   "description": "Frontend Vue components for the shop module of ViUR",
   "repository": {
     "type": "git",

package/src/components/cart/CartLeaf.vue

@@ -1,11 +1,7 @@
 <template>
-<div>test</div>
+  <div>test</div>
 </template>
 
-<script setup>
+<script setup></script>
 
-</script>
-
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/components/cart/CartNode.vue

@@ -0,0 +1,17 @@
+<template>
+  <h1>{{ state.headline }}</h1>
+</template>
+
+<script setup>
+import { computed, reactive } from "vue";
+
+const props = defineProps({
+  headline: { type: String, default: "TEST" },
+});
+
+const state = reactive({
+  headline: computed(() => {
+    props.headline;
+  }),
+});
+</script>

package/src/stores/cart.js

@@ -22,22 +22,12 @@ export const useCartStore = defineStore("cartstore", () => {
     // ! initializes only children for cart of type basket
     // ! for whishlists this has to be done in the component
     await getRootNodes();
-    await getChildren(state.basketRootNode.key);
   }
 
   async function getChildren(parentKey) {
     let resp = await shopClient.cart_list({ cart_key: parentKey });
 
-    resp.forEach(async (child) => {
-      if (child.skel_type === "node") {
-        await getChildren(child.key);
-      } else {
-        if (!Object.keys(state.children).includes(child.key)) {
-          state.children[parentKey] = [];
-        }
-        state.children[parentKey].push(child);
-      }
-    });
+    return resp
   }
 
   async function getRootNodes() {