1.0.2 • Published 6 years ago

@jporto/vue-jedi v1.0.2

Weekly downloads
6
License
MIT
Repository
gitlab
Last release
6 years ago

@jporto/vue-jedi

logo

build status npm-publish semantic-release language count

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 NameDescriptionDefault
$jedi-color-primaryprimary color for the component#EE538C
$jedi-sprite-lightsprite for light backgrounds-
$jedi-sprite-darksprite for dark backgrounds-
$jedi-font-mainprimary fontsans-serif
$jedi-font-monospacedfont for data representationmonospace
1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago