https://samurai.ru/local/templates/new_design/components_vue/BasketIcon/index.js?v=2

1const mapActions = Vuex.mapActions;
2const mapGetters = Vuex.mapGetters;
3
4export default {
5  template: /*html*/ `
6    <a href="/personal/order/make/" class="basket-icon">
7      
8      <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 80 80" fill="none">
9        <path 
10          d="M63.3333 23.3334H53.3333V20C53.3333 16.4638 51.9285 13.0724 49.428 10.5719C46.9275 8.07145 43.5361 6.66669 39.9999 6.66669C36.4637 6.66669 33.0723 8.07145 30.5718 10.5719C28.0713 13.0724 26.6666 16.4638 26.6666 20V23.3334H16.6666C15.7825 23.3334 14.9347 23.6845 14.3096 24.3097C13.6844 24.9348 13.3333 25.7826 13.3333 26.6667V63.3334C13.3333 65.9855 14.3868 68.5291 16.2622 70.4044C18.1375 72.2798 20.6811 73.3334 23.3333 73.3334H56.6666C59.3187 73.3334 61.8623 72.2798 63.7377 70.4044C65.613 68.5291 66.6666 65.9855 66.6666 63.3334V26.6667C66.6666 25.7826 66.3154 24.9348 65.6903 24.3097C65.0652 23.6845 64.2173 23.3334 63.3333 23.3334ZM33.3333 20C33.3333 18.2319 34.0356 16.5362 35.2859 15.286C36.5361 14.0357 38.2318 13.3334 39.9999 13.3334C41.768 13.3334 43.4637 14.0357 44.714 15.286C45.9642 16.5362 46.6666 18.2319 46.6666 20V23.3334H33.3333V20ZM59.9999 63.3334C59.9999 64.2174 59.6487 65.0653 59.0236 65.6904C58.3985 66.3155 57.5506 66.6667 56.6666 66.6667H23.3333C22.4492 66.6667 21.6014 66.3155 20.9762 65.6904C20.3511 65.0653 19.9999 64.2174 19.9999 63.3334V30H26.6666V33.3334C26.6666 34.2174 27.0178 35.0653 27.6429 35.6904C28.268 36.3155 29.1159 36.6667 29.9999 36.6667C30.884 36.6667 31.7318 36.3155 32.3569 35.6904C32.9821 35.0653 33.3333 34.2174 33.3333 33.3334V30H46.6666V33.3334C46.6666 34.2174 47.0178 35.0653 47.6429 35.6904C48.268 36.3155 49.1159 36.6667 49.9999 36.6667C50.884 36.6667 51.7318 36.3155 52.3569 35.6904C52.9821 35.0653 53.3333 34.2174 53.3333 33.3334V30H59.9999V63.3334Z" 
11          fill="currentColor"
12          stroke-width="2"
13        />
14      </svg>
15
16      <span 
17        v-if="basket_position_quantity > 0" 
18        class="basket-badge"
19      >
20        {{ basket_position_quantity > 99 ? '99+' : basket_position_quantity }}
21      </span>
22
23    </a>
24  `,
25  computed: {
26    ...mapGetters({
27      basket_position_quantity: "GET_BASKET_POSITION_QUANTITY"
28    }),
29  }
30};
31