json-gui v0.0.1

Currently Under Construction

What is this?

This is a vue component that edits/views a JSON object. A fantastic tool for hackathons.

You can use the arrow keys to switch between the types (Null, Number, String, List, Object).

How install use?

npm install -s edit-json-vue

Inside your .vue file:

<template>
    <JsonRoot @changeValue="newJsonValue" />
</template>

<script>
let JsonEditor = require("edit-json-vue/src/jsonRoot.vue").default
export default {
    components: { JsonEditor },
    data: ()=>({
        jsonValue,
    }),
    methods: {
        newJsonValue(value) {
            this.jsonValue = value
            console.log(`The user edited the value!`)
            console.log(`Now the value is: ${this.jsonValue}`)
        }
    }
}
</script>