Vue editor

v1	v2

🎯 Description

✨  This repo was created to demonstrate that vue-json-editor and svg-symbol-sprite-loader packages can coexist together.

🐛   Since when I used both packages in a project some incompatibility errors occurred and the default json editor icons were not displayed.

Maybe someone will find it helpful too 😁

🔖 Tags versions

v1	v2
vue@2	vue@2
@vue/cli webpack babel	vite
vue-json-editor	json-editor-vue
svg-symbol-sprite-loader	vite-plugin-svg-icons
vue-clipboard2	v-clipboard

v1.x.x

• The vue-json-editor package is a vue component that can be used to create a json editor.
• The svg-symbol-sprite-loader package is a webpack loader and plugin for creating SVG symbol sprites with Vue.
• The vue-clipboard2 package is a simple modern approach to copy text to clipboard using clipboard.js in Vue.

v2.x.x

• This release has followed the official migration guide from @vue/cli to vite to take advantage of performance improvements and ease of configuration. Unlike @vue/cli, which uses webpack and babel, vite takes advantage of modern JavaScript features such as native ES modules, making the development process faster and more efficient.

Because of this, several packages have had to be replaced to be compatible with vite:

• The json-editor-vue package is used instead of vue-json-editor.
• The vite-plugin-svg-icons package is used instead of svg-symbol-sprite-loader.
• The v-clipboard package is used instead of vue-clipboard2.

🚀 Commands

v1	v2
serve	dev
build	build
	preview
lint	lint
deploy	deploy

Install dependencies

npm install

Compiles and hot-reloads for development

npm run serve

npm run dev

Compiles and minifies for production

npm run build

Preview build code for production

npm run preview

Lints and fixes files

npm run lint

Publish in Github Pages

npm run deploy