gio-library
A Vue design library by Gabriel St-Pierre
⚠️ This library is still in its early ages, resulting in many breaking changes. Once the stability will be reached, the package will be moved to@gabio/design.
Installation
yarn add @vigenere23/gio
Usage
In the main.ts/main.js file of your Vue project, add the following lines :
import Vue from 'vue'
import gio from '@vigenere23/gio'
import '@vigenere23/gio/dist/gio.css' // for loading component styles
Vue.use(gio)You can then use the components without importing them.
Showcase
http://vigenere23.github.io/gio-library-showcase
Documentation
There is no documentation for now. Please read the src/ folder content to know what each file offers. You can also check the showcase/ implementation.
Folder structure
-
src/vue/components/: Vue components -
src/lib/mixins/: Mixins to be reused in your components -
src/lib/styles/: SCSS variables and functions for reuse -
src/lib/utils/: Usefull helpers
NPM module
The npm module for this library is available here. Mixins and styles are available inside the compiled lib/ subfolder.
⚠️ This package will soon move to@gio/design.
Future work
This library is going under a massive optimization step. This means that the dynamic markdown capabilities will be removed, but possibly ported to a new package. In the meantime, a new markdown-to-vue compiler is on its way, which will offer better functionnality and speed.