Akryum

const path = require('path')

module.exports = {
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('stylus').oneOf(type)))
  },
}

function addStyleResource (rule) {

Akryum

3.0.0-rc.3 (2018-06-18)

cli

Bug Fixes

• invoke: deep merge only plain objects (a7f3c2c)
• invoke: merge data in config transforms (35cb714)
• invoke: not reading dot files (49d56db)
• better version check, closes #1564 (8b9477f)

Akryum

// Existing imports
import Vue from 'vue'
import router from './router'
import store from './store'

// Other existing code here

// Add 'app' variable
const app = new Vue({
  // Existing options

Akryum

@import '~@vue/cli-ui/src/style/imports'

.my-class
  background $vue-ui-color-light-neutral
  .vue-ui-dark-mode &
    background $vue-ui-color-dark

Akryum

Localization

Translate the UI

Follow those simple steps to propose a new language for the CLI UI!

1. Run navigator.languages or navigator.language to get the language code for the new locale. For example: 'fr'.

2. Search NPM to see if a package called vue-cli-locale-<language code> doesn't already exist. If it does, please contribute to it by submitting PRs! If you don't find any, create a new package called vue-cli-locale-<language code>. For example: vue-cli-locale-fr

Akryum

const LRU = require('lru-cache')

// Micro-caching
exports.cache = function (resolver, keyFactory, { max = 500, maxAge = 3000, perUser = true } = {}) {
  const microCache = new LRU({
    max,
    maxAge,
  })
  return async (holder, args, context) => {
    let key = typeof keyFactory === 'function' ? keyFactory(holder, args, context) : keyFactory

Akryum

// @vue/cli-plugin-eslint/ui.js

module.exports = api => {
  // Config file
  api.describeConfig({
    name: 'ESLint configuration',
    description: 'Error checking & Code quality',
    link: 'https://eslint.org',
    files: {
      json: ['eslintrc', 'eslintrc.json'],

Akryum

const { resolve } = require('path')
const chalk = require('chalk')
const findInFiles = require('find-in-files')

const importReg = /'(.*?)'$/

async function findVendorEntries (vendors, folder) {
  const reg = `import (.*? from )?'((${vendors.join('|')})/.*?)'`
  const results = await findInFiles.find(reg, folder, /\.(vue|jsx?|styl)$/)
  const set = new Set(vendors)

Akryum

// --- Base components ---
import Vue from 'vue'

// To extract the component name
const nameReg = /([a-z0-9]+)\./i

function registerGlobalComponents (components) {
  components.keys().forEach(key => {
    const name = key.match(nameReg)[1]
    Vue.component(name, {

Akryum

<template>
  <div>
    <button @click="inspect">Inspect me!</button>
  </div>
</template>

<script>
export default {
  methods: {
    inspect () {