@ederzeel/nuxt-schema-form-nightly 0.1.0-29121833.6b9ae9c → 0.1.0-29133424.d9577c2

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/MultiSelect.vue

@@ -37,7 +37,7 @@ const value = defineModel<string[]>({ required: true })
     >
       <USelect
         v-model="value"
-        :placeholder="props.placeholder || 'select size'"
+        :placeholder="props.placeholder || 'Make a selection'"
         :items="options"
         multiple
         value-attribute="value"

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 }))
   }
 
@@ -172,7 +172,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-29121833.6b9ae9c",
+  "version": "0.1.0-29133424.d9577c2",
   "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",