@viur/shop-components 0.0.1-dev.16 → 0.0.1-dev.18

package/package.json

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

package/src/components/order/process/ExampleUsage.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup>
-import { onBeforeMount, reactive, shallowRef } from "vue";
+import { onBeforeMount, reactive, shallowRef, ref } from "vue";
 import { ListRequest } from "@viur/vue-utils";
 
 import CartView from "../../cart/CartView.vue";
@@ -17,14 +17,16 @@ import { useCartStore } from "../../../stores/cart";
 
 const cartStore = useCartStore();
 
+const rootNode = ref(null);
 const state = reactive({
+  rootNode: {},
   tabs: {
     cart: {
       component: shallowRef(CartView),
       props: {
         sidebar: true,
         mode: "basket",
-        cartKey: cartStore.state.basketRootNode.key,
+        cartKey: rootNode.value.key,
       }, // cartKey (on initial call has to be a root node) is a required prop, make sure that cartStore.init() is called before cart is mounted
       displayName: "Warenkorb",
       icon: { name: "cart", library: "hsk" },
@@ -101,5 +103,9 @@ function handleTabs(e) {
 onBeforeMount(async () => {
   await cartStore.init();
   await cartStore.getAdressStructure();
+
+  console.log("debug init exampleusage :", cartStore.state.basketRootNode);
+
+  rootNode.value = cartStore.state.basketRootNode.key;
 });
 </script>

package/src/stores/cart.js

@@ -25,9 +25,8 @@ export const useCartStore = defineStore("cartstore", () => {
   }
 
   async function getChildren(parentKey) {
-    console.log("debug getChildren parentKey: ", parentKey)
     let resp = await shopClient.cart_list({ cart_key: parentKey });
-    console.log("debug getChildren: ", resp)
+
     return resp
   }