<template>
  <ItemBool
    label="Яндекс.Метрика"
    v-model="settings.items.metrics.yandex_metrika_enabled"
  >
    Задействовать Яндекс.Метрику для Telegram магазина.
  </ItemBool>

  <ItemTextarea
    label="Код счётчика Яндекс Метрики"
    v-model="settings.items.metrics.yandex_metrika_counter"
    placeholder="Вставьте код счётчика Яндекс.Метрики"
  >
    <p>Код счётчика нужно предварительно настроить, чтобы он работал корректно с Telegram Mini App.
      <a href="https://telecart-labs.github.io/docs/analitycs/start/" target="_blank">
        Инструкция как настроить i.fa.fa-external-link
      </a>.</p>
    <p>Для проверки интеграции через кнопку "Проверить" в интерфейсе Яндекс Метрики,
      необходимо сначала включить "Режим разработчика" на вкладке "Общие".</p>
  </ItemTextarea>
</template>

<script setup>
import {useSettingsStore} from "@/stores/settings.js";
import ItemTextarea from "@/components/Settings/ItemTextarea.vue";
import ItemBool from "@/components/Settings/ItemBool.vue";

const settings = useSettingsStore();
</script>
