Ajv 8 and schema 2020-12

package.json

@@ -33,6 +33,7 @@
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^12.5.0",
+    "ajv": "^8.17.1",
     "axios": "^1.7.9",
     "datatransfer-files-promise": "^2.0.0",
     "es-toolkit": "^1.31.0",

src/assets/sparvconfig.schema.json

@@ -1,5 +1,6 @@
 {
   "type": "object",
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://spraakbanken.gu.se/sparv/schema.json",
   "properties": {
     "classes": {

src/schema-form/JsonSchemaForm.vue

@@ -10,7 +10,8 @@ export type JsonSchemaFormProps<D extends object> = {
 
 <script setup lang="ts" generic="D extends {}">
 import { withTheme } from "@rjsf/core";
-import validator from "@rjsf/validator-ajv8";
+import { customizeValidator } from "@rjsf/validator-ajv8";
+import Ajv2020 from "ajv/dist/2020";
 import { applyPureReactInVue, setVeauryOptions } from "veaury";
 import { createRoot } from "react-dom/client";
 import {
@@ -46,6 +47,8 @@ type FormInvalidError = {
 
 const { alert } = useMessenger();
 
+const validator = customizeValidator({ AjvClass: Ajv2020 });
+
 function onError(errors: FormInvalidError[]) {
   errors.forEach((error) =>
     alert(`${error.property.split(".").pop()} ${error.message}`, "error"),

yarn.lock

@@ -1124,7 +1124,7 @@ ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.12.0:
+ajv@^8.0.0, ajv@^8.12.0, ajv@^8.17.1:
   version "8.17.1"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.17.1.tgz#37d9a5c776af6bc92d7f4f9510eba4c0a60d11a6"
   integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==