numfin-vue-env - окружение uchi.ru для Vue.js

Установка

> Устанавливайте последнюю версию, т.к. активно обновляю.

npm install numfin-vue-env@latest

Пример карточки

Доступное окружение

| Переменная | Альтернатива | | ---------- | ------------------------------------------------------------ | | $$ | this.$ctx | | $$.tutor | this.$ctx.tutor | | $$.salt | this.$root.salt //реактивно, можно использовать в computed |

| Другие переменные | описание | | --------------------- | ------------- | | this.$ctx.store.state | текущий state | | this.$translations | переводы |

Переводы:

this.$translations =

{
  [ключ перевода]: {
    text: значение,
    html: html разметка для тегов [b]text[b] и [n]
  }
}

| Методы | описание | | -------------------------- | ----------------------------------------------------- | | this.$ctx.store.save(data) | сохранить данные и обновить state | | this.$ctx.store.update() | обновить state | | this.$ctx.answer(data) | дать финальный ответ (сохранять state самому не надо) | | this.$ctx.back() | выйти из задачи |

Настройка

src/main.js

import Vue from "vue";
// компонент задачи
import Task from "./components/Task";
// компонент ответа
import Result from "./components/Result";

// Обязательно! Дефолтные стили для .app
// (если конечно не хотите писать сами)
// eslint-disable-next-line
import AppStyles from "numfin-vue-env/src/TemplateAppStyle.scss";
// Стили с иконками
// eslint-disable-next-line
import Icons from "./assets/icons.scss";

import { Enviroment } from "numfin-vue-env";

// файл script.js конфига
const config = require("../card.config.json");

Vue.config.productionTip = false;

Enviroment(config, Vue, Task, Result);

vue.config.js

module.exports = {
  chainWebpack: config => {
    const svgRule = config.module.rule("svg");

    svgRule.uses.clear();

    svgRule.use("url-loader").loader("url-loader");
  }
};

card.config.json

{
  "name": "Sound maze",
  "script": 19348,
  "jira": "Ссылка на задачу в JIRA",
  "repository": "Ссылка на ваш репозиторий",
  "main": [{ "card": 13300, "grade": 5 }],
  "trial": [{ "card": 133010, "grade": 8 }],
  "const": {
    "button_start": "Начать",
    "button_ready": "Готово",
    "button_back": "Назад",
    "button_save": "Сохранить"
  }
}

package.json

{
  "scripts": {
    "build": "vue-cli-service build && cookit"
  }
}