Vue Onsen UI Kitchen Sink
This is a sample app featuring Onsen UI 2 + Vue 2 + Webpack 2. This version uses Vuex to share the state among components.
A version without Vuex is provided in
no-vuex
branch.
Check out the preview here.
This project has been created with vue-cli and webpack-simple template. Webpack configuration has been modified to work with Onsen UI +2.2.0.
About CSS
Onsen UI bundles css/onsen-css-components.css
wich can be directly included in an app. However, this example uses the source css-components-src/src/onsen-css-components.css
where colors can be easily modified. In order to support this, postcss-cssnext
must be used in Webpack.
Build Setup
# install dependencies
yarn install
# serve with hot reload at localhost:8080
yarn run dev
# build for production with minification
yarn run build