@ederzeel/nuxt-schema-form-nightly 0.1.0-29121840.7b5ed76 → 0.1.0-29140419.4bc9165

package/README.md

@@ -14,10 +14,10 @@ Runtime form generation for Nuxt apps.
 
 ```ts
 <script lang="ts" setup>
-import { Draft2019 } from 'json-schema-library'
+import { compileSchema } from 'json-schema-library'
 
 const schemaObject = ref(
-  new Draft2019({
+  compileSchema({
     title: 'From',
     description: 'A minimal form example',
     type: 'object',
@@ -33,8 +33,8 @@ const schemaObject = ref(
   })
 )
 
-const schema = ref(schemaObject.value.rootSchema)
-const state = ref(schemaObject.value.getTemplate())
+const schema = ref(schemaObject.value.getNode().node.schema)
+const state = ref(schemaObject.value.getData())
 </script>
 
 <template>

package/dist/runtime/components/InputField.vue

@@ -7,7 +7,7 @@ const props = defineProps<{
   isRequired: boolean
 }>()
 
-const value = defineModel<string>({ required: true, default: '' })
+const value = defineModel<string>()
 </script>
 
 <template>

package/dist/runtime/components/array/ArrayObject.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Draft2019 } from 'json-schema-library'
+import { compileSchema } from 'json-schema-library'
 import SComponent from '../Component.vue'
 import { ref, computed, h, resolveComponent } from 'vue'
 import type { TableColumn } from '@nuxt/ui'
@@ -38,7 +38,7 @@ const massActions = [
 ]
 
 const selectedRows = ref<{ __id: any }[]>([])
-const schemaObject = ref(new Draft2019(props.items))
+const schemaObject = ref(compileSchema(props.items))
 const model = ref<{ open: boolean; index: number; value: Record<string, unknown> }>({
   open: false,
   index: 0,
@@ -53,7 +53,7 @@ const values = computed(() => {
   if (props.modelValue.length > 0) {
     return props.modelValue.map((x, i) => ({ ...x, __id: i }))
   } else if (props.minItems && props.minItems > 0) {
-    const template = schemaObject.value.getTemplate()
+    const template = schemaObject.value.getData()
     return [...Array(props.minItems)].map((_, i) => ({ ...template, __id: i }))
   }
 
@@ -62,6 +62,17 @@ const values = computed(() => {
 
 const columns = computed<TableColumn<{}>[]>(() => {
   const columns = props.columns ?? []
+
+  if (!props.columns && props.items.type === 'object') {
+    for (const column of Object.keys(props?.items?.properties).map<TableColumn<{}>>(x => ({
+      header: x,
+      accessorKey: x,
+      cell: ({ row }) => row.getValue(x)
+    }))) {
+      columns.push(column)
+    }
+  }
+
   if (props.editInline) {
     columns.push({
       id: 'expand',
@@ -80,16 +91,6 @@ const columns = computed<TableColumn<{}>[]>(() => {
     })
   }
 
-  if (props.items.type === 'object') {
-    for (const column of Object.keys(props?.items?.properties).map<TableColumn<{}>>(x => ({
-      header: x,
-      accessorKey: x,
-      cell: ({ row }) => row.getValue(x)
-    }))) {
-      columns.push(column)
-    }
-  }
-
   if (props.edit) {
     columns.push({
       id: 'actions',
@@ -172,7 +173,7 @@ const onInput = (value: Record<string, unknown>, index: number) => {
 }
 
 const add = () => {
-  emit('update:modelValue', [...props.modelValue, schemaObject.value.getTemplate()])
+  emit('update:modelValue', [...props.modelValue, schemaObject.value.getData()])
 }
 
 const remove = (index: number) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ederzeel/nuxt-schema-form-nightly",
-  "version": "0.1.0-29121840.7b5ed76",
+  "version": "0.1.0-29140419.4bc9165",
   "description": "A runtime form generator for nuxt",
   "type": "module",
   "exports": {
@@ -58,7 +58,7 @@
     "eslint-config-prettier": "^10.0.1",
     "globals": "^15.14.0",
     "jiti": "^2.4.2",
-    "json-schema-library": "10.0.0-rc7",
+    "json-schema-library": "10.0.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",
     "nuxt": "^3.16.0",