chore: merge jsonforms-vuetify-renderers into main repository

Author: sdirix

packages/vue-vuetify/.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    '@vue/eslint-config-prettier',
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+  rules: {
+    'no-console': 'warn',
+    'no-debugger': 'warn',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};

packages/vue-vuetify/.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+    jsxSingleQuote: true,
+    singleQuote: true,
+}

packages/vue-vuetify/README.md

@@ -0,0 +1,82 @@
+# JSON Forms - More Forms. Less Code
+
+_Complex Forms in the blink of an eye_
+
+JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
+
+## Vue Vuetify Renderers
+
+This is the JSON Forms Vue Vuetify renderers package which provides a Vuetify based renderer set for [JSON Forms Vue](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/vue).
+The renderers are in a preview state.
+
+### Quick start
+
+Install JSON Forms Core, Vue 3 and Vue 3 Vuetify Renderers.
+
+```bash
+npm i --save @jsonforms/core @jsonforms/vue @jsonforms/vue-vuetify
+```
+
+Also add the packages to the transpile dependencies in the `vue.config.js` file:
+
+```js
+module.exports = {
+    transpileDependencies: ['@jsonforms/core', '@jsonforms/vue', '@jsonforms/vue-vuetify']
+}
+```
+
+Use the `json-forms` component for each form you want to render and hand over the renderer set.
+
+```vue
+<script>
+import { JsonForms } from '@jsonforms/vue';
+import { vuetifyRenderers } from '@jsonforms/vue-vuetify';
+
+const renderers = [
+  ...vuetifyRenderers,
+  // here you can add custom renderers
+];
+
+export default defineComponent({
+  name: 'app',
+  components: {
+    JsonForms,
+  },
+  data() {
+    return {
+      renderers: Object.freeze(renderers),
+      data,
+      schema,
+      uischema,
+    };
+  },
+  methods: {
+    onChange(event) {
+      this.data = event.data;
+    },
+  },
+});
+</script>
+
+<template>
+  <json-forms
+    :data="data"
+    :schema="schema"
+    :uischema="uischema"
+    :renderers="renderers"
+    @change="onChange"
+  />
+</template>
+
+<style scoped>
+@import '~@jsonforms/vue-vuetify/lib/jsonforms-vue-vuetify.esm.css';
+</style>
+```
+
+If note done yet, please [install Vuetify for Vue](https://vuetifyjs.com/en/getting-started/installation/).
+
+For more information on how JSON Forms can be configured, please see the [README of `@jsonforms/vue`](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/vue/README.md).
+
+## License
+
+The JSONForms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.

packages/vue-vuetify/babel.config.js

@@ -0,0 +1,19 @@
+const devPresets = [
+  [
+    '@vue/cli-plugin-babel/preset',
+    {
+      useBuiltIns: false,
+    },
+  ],
+];
+const buildPresets = ['@babel/preset-env', '@babel/preset-typescript'];
+module.exports = {
+  presets: process.env.NODE_ENV === 'production' ? buildPresets : devPresets,
+  plugins:
+    process.env.NODE_ENV === 'test'
+      ? [
+          '@babel/plugin-proposal-optional-chaining',
+          '@babel/plugin-proposal-nullish-coalescing-operator',
+        ]
+      : [],
+};

packages/vue-vuetify/example-app/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

packages/vue-vuetify/example-app/.eslintignore

@@ -0,0 +1,3 @@
+# Make sure eslint does not check the output files of our renderer set
+../*
+!/*

packages/vue-vuetify/example-app/.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    '@vue/eslint-config-prettier',
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+  },
+};

packages/vue-vuetify/example-app/.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

packages/vue-vuetify/example-app/.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+    jsxSingleQuote: true,
+    singleQuote: true,
+}

packages/vue-vuetify/example-app/README.md

@@ -0,0 +1,10 @@
+# JSON Forms Vuetify renderer set example app
+
+## Prerequsites
+
+- Build the JSON Forms Vuetify renderer set
+
+## Scripts
+
+- `npm run serve` to start the application
+- `npm run build` to build the application