https://shopw.kathyschoice.jp/assets/js/system/pages/_common_section/header/mini_cart.js?3554112923

1// (c) 2023 W2 Co.,Ltd.
2/**
3 * ミニカートセクション
4 */
5class SectionCommonDirMiniCart {
6  constructor() {
7  }
8  /**
9   * 実行
10   * @param {any} liquidParam liquidからのパラメーター
11   */
12  run(liquidParam) {
13    this.addComponent(liquidParam);
14  }
15  /**
16   * コンポーネント追加
17   */
18  addComponent(liquidParam) {
19    const component = {
20      // text/x-template要素のid
21      template: '#mini-cart',
22      data() {
23        return lib.vue.common.MiniCartModel.create();
24      },
25      methods: {
26        /**
27         * 描画
28         */
29        draw() {
30          lib.vue.common.MiniCartService.draw(liquidParam, this)
31            .then((result) => {
32              // 描画後の任意の処理を記述
33            });
34        },
35        /**
36         * ミニカートを隠す
37         * @param {...any} args 引数
38         */
39        hideMiniCart: function (...args) {
40          lib.vue.common.MiniCartService.hideMiniCart(liquidParam, this, args);
41        },
42        /**
43         * 商品削除
44         * @param {...any} args 引数
45         */
46        deleteProduct(...args) {
47          lib.vue.common.MiniCartService.deleteProduct(liquidParam, this, args);
48        }
49      },
50      // コンポーネントの引数
51      props: {
52      },
53      watch: {
54      },
55      computed: {
56      },
57      created() {
58      },
59      mounted() {
60        this.draw();
61        g_vueManager.emitter.on('hide-mini-cart', this.hideMiniCart);
62        g_vueManager.emitter.on('update-mini-cart', this.draw);
63      },
64    };
65    g_vueManager.setComponent('mini-cart', component);
66  }
67}