numfin-vue-env v0.4.6

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

Установка

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

npm install numfin-vue-env@latest

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

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

Переводы:

this.$translations =

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

Настройка

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"
  }
}