A WIP collection of OOCSS Objects written in Vue
npm install vue-objectsCSS Objects implementation in VueJS.
bash
npm install --save vue-objects
`Usage
---------------
` javascript
import { Media } from 'vue-objects'
`You can check out all the available components in
src/lib.js.
This package provides the necessary CSS styles to render each object properly,
but it's not mandatory to import them: you can use whatever style provider
you want to use. Just make sure to map correctly all the classes generated by
vue-objects.Contributing
---------------Want to contribute?
` bash
install dependencies
npm installserve demo site with hot reload at localhost:8080
npm startunit tests
npm test (or npm run tdd)build for production with minification
npm run buildbuild for production and view the bundle analyzer report
npm run build --report
`For detailed explanation on how things work, checkout the
guide and docs for vue-loader.
$3
---------------Fork the repo, and then:
1. Add your brand new component in
src/components/ folder. Develop and test it.2. Make your component available by exporting it from
src/lib.js.3. Add it to the
demo/ app. Make sure to add import it in demo/index.js and add a new route in demo/router/routes.js.4. Once registered and routed, develop a Showcase component and place it in
demo/showcase`. You're done!The dist folder is removed from .gitignore so that it's available on npm and
user's who want the minified built distribution of this library can grab it
(located in /lib subfolder). Also docs site built distribution is made
available in the same folder (located in /docs subfolder).
This package was created using vue-template-library
package. For further clarifications refer to its README.