@viur/shop-components 0.0.1-dev.2 → 0.0.1-dev.3

package/src/stores/cart.js

@@ -1,98 +0,0 @@
-import { reactive } from "vue";
-import { Request } from "@viur/vue-utils";
-import { defineStore } from "pinia";
-import { ViURShopClient } from "@viur/viur-shop-client";
-
-export const useCartStore = defineStore("cartstore", () => {
-  const state = reactive({
-    currentCart: "",
-    allCarts: {},
-    cartItems: {},
-    basketArticle: [],
-  });
-
-  function init() {
-    listCarts().then(async (resp) => {
-      let data = await resp.json();
-      getBasket(data);
-      data.forEach((cart) => {
-        state.allCarts[cart.key] = cart;
-        getCartItems(cart.key).then(async (resp) => {
-          let data = await resp.json();
-          state.cartItems[cart.key] = data;
-        });
-      });
-    });
-
-    console.log("hier", state.currentCart);
-
-    getBasketItems(state.currentCart).then(async (resp) => {
-      let data = await resp.json();
-      console.log("cartStore basket article", data);
-      state.basketArticle = data;
-    });
-
-    // state.allCarts.forEach((cart) => {
-    //   getCartItems(cart.key).then(async (resp) => {
-    //     let data = await resp.json();
-    //     state.cartItems[cartKey] = data;
-    //   });
-    // });
-  }
-
-  function listCarts() {
-    return Request.get("/shop/api/cart_list");
-    // const sc = new ViURShopClient();
-
-    // sc.cart_list().then(async (resp) => console.log("test", await resp.json));
-  }
-
-  function getBasket(skellist) {
-    skellist.forEach((cart) => {
-      if ((cart.cart_type = "basket")) {
-        state.currentCart = cart.key;
-      }
-    });
-  }
-
-  function getBasketItems(cartKey) {
-    return Request.get(`/shop/api/cart_list`, {
-      dataObj: { cart_key: cartKey },
-    });
-  }
-
-  function getCartItems(cartKey) {
-    return Request.get(`/shop/api/cart_list`, {
-      dataObj: { cart_key: cartKey },
-    });
-  }
-
-  function addToCart(articleKey, cartKey) {
-    // let skey = "";
-    // Request.get("/vi/skey?amount=1").then(async (resp) => {
-    //   let data = await resp.json();
-    //   console.log("skey", data);
-    //   skey = data;
-    // });
-    Request.securePost("/shop/api/article_add", {
-      dataObj: {
-        article_key: articleKey,
-        parent_cart_key: cartKey,
-        quantity: 1,
-        quantity_mode: "increase",
-        // skey: skey,
-      },
-    }).then(async (resp) => {
-      let data = await resp.json();
-      console.log("article add", data);
-    });
-  }
-
-  return {
-    state,
-    listCarts,
-    addToCart,
-    getBasketItems,
-    init,
-  };
-});

package/src/style.css

@@ -1,79 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/src/views/ViewMissing.vue

@@ -1,20 +0,0 @@
-<template>
-  <div class="home">View {{ route.path }} is missing.</div>
-</template>
-
-<script>
-import { defineComponent, reactive } from "vue"
-import { useRoute } from "vue-router"
-
-export default defineComponent({
-  props: {},
-  components: {},
-  setup(props, context) {
-    const route = useRoute()
-    const state = reactive({})
-    return { state, route }
-  }
-})
-</script>
-
-<style scoped></style>

package/vite.config.js

@@ -1,23 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { resolve } from "node:path";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-  build: {
-    lib: {
-      entry: resolve(__dirname, "src/index.js"),
-      name: "ShopComponents",
-      fileName: "shop-components",
-    },
-    rollupOptions: {
-      external: ["vue"],
-      output: {
-        globals: {
-          vue: "Vue",
-        },
-      },
-    },
-  },
-});