feat: Implement standard schemas (#5051)

* chore: added standard schema spec dep

* feat: implement standard schema support

* chore: added changeset

* feat: bring yup to the fold

* feat: update docs

* docs: added migration guide

* feat: kill old packages

* chore: update lock

* chore: update build scripts

* fix: remove typed schema option

* feat: package stuff

* docs: update best practices

* fix: note on schema behavior

* chore: entered pre mode

* chore: update changeset

Author: logaretm

.changeset/config.json

@@ -2,19 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "fixed": [
-    [
-      "vee-validate",
-      "@vee-validate/rules",
-      "@vee-validate/i18n",
-      "@vee-validate/rules",
-      "@vee-validate/zod",
-      "@vee-validate/yup",
-      "@vee-validate/valibot",
-      "@vee-validate/nuxt",
-      "@vee-validate/joi"
-    ]
-  ],
+  "fixed": [["vee-validate", "@vee-validate/i18n", "@vee-validate/rules", "@vee-validate/nuxt"]],
   "linked": [],
   "access": "public",
   "baseBranch": "main",

.changeset/pre.json

@@ -0,0 +1,12 @@
+{
+  "mode": "pre",
+  "tag": "beta",
+  "initialVersions": {
+    "vee-validate-docs": null,
+    "@vee-validate/i18n": "4.15.1",
+    "@vee-validate/nuxt": "4.15.1",
+    "@vee-validate/rules": "4.15.1",
+    "vee-validate": "4.15.1"
+  },
+  "changesets": []
+}

.changeset/smart-needles-own.md

@@ -0,0 +1,8 @@
+---
+'vee-validate': major
+'@vee-validate/rules': major
+'@vee-validate/nuxt': major
+'@vee-validate/i18n': major
+---
+
+feat: implement standard schema

README.md

@@ -18,7 +18,7 @@ Painless Vue forms
   <img src="https://img.shields.io/npm/dm/vee-validate.svg?color=05bd6d&label=">
 </a>
 
-<a href="https://vee-validate.logaretm.com/v4/" target="_blank">
+<a href="https://vee-validate.logaretm.com/v5/" target="_blank">
   <img src="https://img.shields.io/badge/-docs%20and%20demos-009f53">
 </a>
 
@@ -117,7 +117,7 @@ const onSubmit = handleSubmit(values => {
 </template>
 ```
 
-You can do so much more than this, for more info [check the composition API documentation](https://vee-validate.logaretm.com/v4/guide/composition-api/getting-started/).
+You can do so much more than this, for more info [check the composition API documentation](https://vee-validate.logaretm.com/v5/guide/composition-api/getting-started/).
 
 #### Declarative Components
 
@@ -150,7 +150,7 @@ function onSubmit(values) {
 </template>
 ```
 
-The `Field` component renders an `input` of type `text` by default but you can [control that](https://vee-validate.logaretm.com/v4/api/field#rendering-fields)
+The `Field` component renders an `input` of type `text` by default but you can [control that](https://vee-validate.logaretm.com/v5/api/field#rendering-fields)
 
 ## 📚 Documentation
 

docs/_redirects

@@ -1,7 +1,6 @@
 # redirects old component api paths to new one
-/guide/validation                     /v4/guide/components/validation
-/guide/handling-forms                 /v4/guide/components/handling-forms
-/guide/nested-objects-and-arrays      /v4/guide/components/nested-objects-and-arrays
-/tutorials/best-practices             /v4/guide/best-practices
+/guide/validation                     /v5/guide/components/validation
+/guide/handling-forms                 /v5/guide/components/handling-forms
+/guide/nested-objects-and-arrays      /v5/guide/components/nested-objects-and-arrays
 
-/v4/guide/composition/validation     /v4/guide/composition/getting-started
+/v5/guide/composition/validation     /v5/guide/composition/getting-started

docs/astro.config.ts

@@ -13,7 +13,7 @@ import partytown from '@astrojs/partytown';
 export default defineConfig({
   site: process.env.NODE_ENV === 'production' ? 'https://vee-validate.logaretm.com/' : 'http://localhost:4321/',
   trailingSlash: 'always',
-  base: '/v4',
+  base: '/v5',
   vite: {
     ssr: {
       noExternal: ['@vue/repl'],
@@ -23,7 +23,7 @@ export default defineConfig({
     vue(),
     sitemap(),
     mdx({
-      remarkPlugins: [baseLink('/v4'), highlight, remarkGfm],
+      remarkPlugins: [baseLink('/v5'), highlight, remarkGfm],
     }),
     svgSprite,
     partytown({

docs/package.json

@@ -17,9 +17,6 @@
     "@stackblitz/sdk": "^1.9.0",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash-es": "^4.17.12",
-    "@vee-validate/valibot": "workspace:*",
-    "@vee-validate/yup": "workspace:*",
-    "@vee-validate/zod": "workspace:*",
     "@vue/repl": "^3.0.0",
     "@vueuse/core": "^10.7.0",
     "astro": "^3.6.4",

docs/src/components/DocFlavor.vue

@@ -4,7 +4,7 @@
     <p class="mt-4">Before you go on, you should choose which flavor of vee-validate you want to use.</p>
 
     <div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-8 text-white">
-      <a :href="`/v4/guide/components/${next}/`" class="bg-gray-600 hover:bg-accent-900 p-6 rounded-lg relative">
+      <a :href="`/v5/guide/components/${next}/`" class="bg-gray-600 hover:bg-accent-900 p-6 rounded-lg relative">
         <p class="text-xl font-semibold font-display">Components</p>
         <p class="mt-8">Simple, high-level, dynamic template-based higher-order components.</p>
         <p class="mt-4">Great for simple UI components and native HTML elements with custom styling.</p>
@@ -25,7 +25,7 @@
         </svg>
       </a>
 
-      <a :href="`/v4/guide/composition-api/${next}/`" class="bg-gray-600 hover:bg-accent-900 p-6 rounded-lg relative">
+      <a :href="`/v5/guide/composition-api/${next}/`" class="bg-gray-600 hover:bg-accent-900 p-6 rounded-lg relative">
         <p class="text-xl font-semibold font-display">Composition API</p>
         <p class="mt-8">Low level, intuitive composition API functions.</p>
         <p class="mt-4">Great for building complex UI form components and general purpose data validation.</p>

docs/src/components/Icon.vue

@@ -9,5 +9,5 @@ const props = defineProps<{
   name: string;
 }>();
 
-const basePath = import.meta.env.DEV ? '' : '/v4/sprite.svg';
+const basePath = import.meta.env.DEV ? '' : '/v5/sprite.svg';
 </script>

docs/src/components/MdxRepl.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="my-8 h-[500px] relative">
+  <div class="my-8 relative">
     <Suspense v-if="editor">
       <Repl :editor="editor" :files="files" />