@vt7/element-ui-module

Add ElementUI A Vue.js 2.0 UI Toolkit for Web to Nuxt.

Setup

• Add @vt7/element-ui-module dependency using yarn or npm to your project

yarn add @vt7/element-ui-module

• Add @vt7/element-ui-module to modules section of nuxt.config.js

{
  modules: [
    '@vt7/element-ui-module'
  ],

  elementUI: {
    components: ['Button', 'Input'],
    locale: 'vi',
  },
}

or

{
  modules: [
    [
      '@vt7/element-ui-module',
      {
        components: ['Button', 'Input'],
        locale: 'vi',
      },
    ],
  ],
}

Options

components

• optional
• Type: string[]
• Default: []

Adds specific ElementUI Components to your project. If components is empty, all components will be imported.

locale

• optional
• Type: string
• Default: en

Sets elementUI locale globally.

i18n

• optional
• Type: Boolean
• Default: false

Add

export default function({ app }) {
  ElementLocale.i18n((key, value) => app.i18n.t(key, value));
}

customVariable

• optional
• Type: string
• Default: ``
• Example:

elementUI: {
  customVariable: '~/assets/scss/element-ui.scss',
}

• Build: element-ui.scss

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~/assets/scss/element-ui.scss';
@import '~element-ui/packages/theme-chalk/src/index.scss';

Usage

Simply use ElementUI Components inside your single file components.

my-component.vue:

<template>
<el-button>Button</el-button>
</template>

License