aidewoode/vue-aui

Vue.js 2 wrapper over Atlassian User Interface (AUI)

vue-aui

Vue.js 2 wrapper over Atlassian User Interface (AUI)

Demo and docs

https://spartez.github.io/vue-aui/

Installation

Requirements

• NPM 3.10.8+
• AUI 6.0+ - you need to attach this yourself to the page

Using npm

npm install vue-aui --save

and finally install vuejs plugin using

Vue.use(VueAui)

This will register all the components.

Or directly onto page

<script src="path/to/dist/vue-aui.js"></script>

Supported components

• aui-dialog
• aui-select2-single
• aui-select2-multi
• aui-tabs
• aui-toggle-button

Examples

In any .vue component just use

<aui-select2-multi v-model="myModel">
  <aui-select2-option value="value1">Option 1</aui-select2-option>
  <aui-select2-option if="shouldShow" value="value2">Option 2</aui-select2-option>
</aui-select2-multi>

Full components reference: https://spartez.github.io/vue-aui/

CodePen demo starter: http://codepen.io/damienix/pen/woXRpP

Publishing

1. ./build/publish.js patch (use minor or major to use release those versions))

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

License

MIT