Как добавить квиз в Vue-приложение?

Инструкция для внедрения квиза в Vue-приложение

Для вставки квиза в Vue-приложение необходимо:

Перейти во вкладку Установка квиза и выбрать нужный тип установки

Для примера рассмотрим тип установки По кнопке:

После выбора тип установки По кнопке вам необходимо произвести настройки и нажать кнопку Далее

Затем необходимо скопировать Код инициализации

После этого, добавьте скопированный код инициализации в файл “index.html”, где собирается приложение. В результате index.html файл должен выглядеть следующим образом:

Затем необходимо создать компонент “Marquiz.vue” со следующим содержимым:

<template>
   <!-- HTML код квиза -->
</template>

<script>
   export default {
      mounted() {
      /* Скрипт добавления */
      },
   };
</script>

Переходим обратно в личный кабинет Marquiz

Вместо <!-- HTML код квиза --> добавьте html код

В хуке “mounted” вместо /* Скрипт добавления */ вставьте содержимое тега <script>

В  результате компонент будет выглядеть следующим образом:

👆 На этом пока всё