1.0.2 • Published 6 years ago
@jporto/vue-jedi v1.0.2
@jporto/vue-jedi
A VueJS JSON editor component
Checkout the Demo which contains the component documentation.
If you enjoy this component, feel free to drop me feedback, either via the repository, or via joseporto@icloud.com.
Also, please verify my project at torre.co.
Instalation
yarn add @jporto/vue-jedi
or
npm install @jporto/vue-jedi
Setup
Vue.js
- Add the following to you application main.js file:
import VueJedi from '@jporto/vue-jedi'
Vue.use(VueJedi)
- import the styles
@import '@jporto/vue-jedi/dist/@jporto/main.scss';
NuxtJS
Similar as with Vue.js, but I recomend adding a
components.js
file to plugins, with the following content:
import Vue from 'vue'
import VueJedi from '@jporto/vue-jedi';
Vue.use(VueJedi);
- Register the plugin in
nuxt.config.js
:
plugins: [
'@/plugins/components',
],
Configure
Override the following variables prior to importing the main.scss
file:
Variable Name | Description | Default |
---|---|---|
$jedi-color-primary | primary color for the component | #EE538C |
$jedi-sprite-light | sprite for light backgrounds | - |
$jedi-sprite-dark | sprite for dark backgrounds | - |
$jedi-font-main | primary font | sans-serif |
$jedi-font-monospaced | font for data representation | monospace |