docs: use property export for "useVuelidate" (vuelidate#1097)

timowestnosto · Sep 12, 2022 · 791f698 · 791f698
1 parent 6f8be83
commit 791f698
Show file tree

Hide file tree

Showing 21 changed files with 37 additions and 37 deletions.
diff --git a/packages/docs/src/.vitepress/theme/components/AsComposition.vue b/packages/docs/src/.vitepress/theme/components/AsComposition.vue
@@ -29,7 +29,7 @@
 
 <script>
 import { ref, reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, minLength, sameAs, helpers } from '@vuelidate/validators'
 
 const { withMessage, withParams, unwrap } = helpers

diff --git a/packages/docs/src/.vitepress/theme/components/NestedA.vue b/packages/docs/src/.vitepress/theme/components/NestedA.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { ref, reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, maxValue } from '@vuelidate/validators'
 import NestedB from './NestedB.vue'
 

diff --git a/packages/docs/src/.vitepress/theme/components/NestedB.vue b/packages/docs/src/.vitepress/theme/components/NestedB.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { ref, reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, maxValue, minValue } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/docs/src/.vitepress/theme/components/NestedValidations.vue b/packages/docs/src/.vitepress/theme/components/NestedValidations.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, minValue } from '@vuelidate/validators'
 import NestedA from './NestedA.vue'
 

diff --git a/packages/docs/src/advanced_usage.md b/packages/docs/src/advanced_usage.md
@@ -10,7 +10,7 @@ You can still define your validation rules as part of the Options API.
 ```vue
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { minLength, required } from '@vuelidate/validators'
 
 export default {
@@ -172,7 +172,7 @@ cause performance issues in more complex scenarios. Refer to [Nested Validators]
 <script>
 // setup in a component
 import { helpers, required } from '@vuelidate/validators'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { reactive } from 'vue'
 
 export default {
@@ -279,7 +279,7 @@ the need for dedicated form components. This would allow you to keep all the rul
 
 <script>
 import { reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { ValidateEach } from '@vuelidate/components'
 import { minLength, required } from '@vuelidate/validators'
 

diff --git a/packages/docs/src/examples.md b/packages/docs/src/examples.md
@@ -13,7 +13,7 @@ method.
   <input type="text" :value="name" @input="setName">
 </template>
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -72,7 +72,7 @@ You can link fields together, by passing a field's value to another field's vali
 ```vue
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { sameAs } from '@vuelidate/validators'
 
 export default {
@@ -97,7 +97,7 @@ state. This might be very useful for overall form validation.
 ```vue
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { sameAs } from '@vuelidate/validators'
 
 export default {
@@ -220,7 +220,7 @@ You can access information about your validations through `$params`.
 </template>
 <script>
 import { minLength } from '@vuelidate/validators'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 
 export default {
   data: () => ({ name: '' }),
@@ -246,7 +246,7 @@ automatically. Validation's `$dirty` state is preserved even if the property tre
 ```vue
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -278,7 +278,7 @@ export default {
 
 <script>
 import { reactive, computed } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -356,7 +356,7 @@ Let's implement a `$warn` concept, where a validator returns a warning, if the d
   </div>
 </template>
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 
 export default {
   setup () {
@@ -399,7 +399,7 @@ or `$commit`. This is often done on `blur` of the field.
   </div>
 </template>
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/docs/src/guide.md b/packages/docs/src/guide.md
@@ -17,7 +17,7 @@ Each validation rule must have a corresponding property inside the `data` object
 ```html
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -152,7 +152,7 @@ proceeds to update the original value.
 </template>
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -180,7 +180,7 @@ It is quite common to forget to use `$model` or `$touch`. If you want to ensure
 param, when defining your validation rules.
 
 ```js
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {
@@ -217,7 +217,7 @@ field is `$dirty`, so after `touch()` is called, by using that property’s `$mo
 This saves extra invocations for async validators as well as makes the initial validation setup a bit more performant.
 
 ```js
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/docs/src/index.md b/packages/docs/src/index.md
@@ -51,7 +51,7 @@ Once this is done, you can proceed with the below.
 
 
 ```js
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, email } from '@vuelidate/validators'
 
 export default {
@@ -84,7 +84,7 @@ Lets explain what happens here. We declare our local state with `data`, then we
 Notice how the the objects returned from `data` and `validations` have a matching structure.
 
 ```js{9-15,18-24}
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, email } from '@vuelidate/validators'
 
 export default {
@@ -118,7 +118,7 @@ Vuelidate v2.x also comes with support for Composition API. The above example ca
 
 ```js
 import { reactive } from 'vue' // "from '@vue/composition-api'" if you are using Vue 2.x
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, email } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/docs/src/migration_guide.md b/packages/docs/src/migration_guide.md
@@ -16,7 +16,7 @@ import Vuelidate from 'vuelidate'
 ```
 with
 ```js
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 ```
 
 2. Change import location for validators
@@ -116,7 +116,7 @@ Here’s the wrapper component.
 </template>
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import PersonInput from '@/components/PersonInput'
 
 export default {
@@ -150,7 +150,7 @@ And here we have the single person component that has its own validation rules.
 </template>
 
 <script>
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 
 export default {
   props: {

diff --git a/packages/test-project/src/components/AsyncValidators.vue b/packages/test-project/src/components/AsyncValidators.vue
@@ -39,7 +39,7 @@
 
 <script>
 import { ref, reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, helpers, minLength } from '@vuelidate/validators'
 
 const { withAsync } = helpers

diff --git a/packages/test-project/src/components/ChainOfRefs.vue b/packages/test-project/src/components/ChainOfRefs.vue
@@ -17,7 +17,7 @@
 
 <script>
 import { ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/test-project/src/components/CollectionValidations.vue b/packages/test-project/src/components/CollectionValidations.vue
@@ -71,7 +71,7 @@
 
 <script>
 import { reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, minLength, helpers } from '@vuelidate/validators'
 import { ValidateEach } from '@vuelidate/components'
 

diff --git a/packages/test-project/src/components/ExternalValidationsForm.vue b/packages/test-project/src/components/ExternalValidationsForm.vue
@@ -39,7 +39,7 @@
 
 <script>
 import { ref, reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, helpers, minLength } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/test-project/src/components/I18nSimpleForm.vue b/packages/test-project/src/components/I18nSimpleForm.vue
@@ -56,7 +56,7 @@
 
 <script>
 import { ref, reactive, computed } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, helpers, minLength, createI18nMessage } from '@vuelidate/validators'
 import { i18n } from '../i18n'
 

diff --git a/packages/test-project/src/components/NestedA.vue b/packages/test-project/src/components/NestedA.vue
@@ -31,7 +31,7 @@
 
 <script>
 import { ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import NestedB from './NestedB.vue'
 
 export default {

diff --git a/packages/test-project/src/components/NestedB.vue b/packages/test-project/src/components/NestedB.vue
@@ -13,7 +13,7 @@
 
 <script>
 import { ref, toRefs } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, maxValue, minValue } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/test-project/src/components/NestedValidations.vue b/packages/test-project/src/components/NestedValidations.vue
@@ -45,7 +45,7 @@
 
 <script>
 import { ref, computed } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, minValue, maxValue } from '@vuelidate/validators'
 import NestedA from './NestedA.vue'
 

diff --git a/packages/test-project/src/components/NestedValidationsWithScopes/ChildWithScope.vue b/packages/test-project/src/components/NestedValidationsWithScopes/ChildWithScope.vue
@@ -12,7 +12,7 @@
 
 <script>
 import { reactive } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, minValue } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/test-project/src/components/NestedValidationsWithScopes/ParentValidator.vue b/packages/test-project/src/components/NestedValidationsWithScopes/ParentValidator.vue
@@ -50,7 +50,7 @@
 
 <script>
 import { reactive, ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
 import ChildComponent from './ChildWithScope.vue'
 

diff --git a/packages/test-project/src/components/OldApiExample.vue b/packages/test-project/src/components/OldApiExample.vue
@@ -73,7 +73,7 @@
 
 <script>
 import { ref, computed } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { minValue } from '@vuelidate/validators'
 
 export default {

diff --git a/packages/test-project/src/components/SimpleForm.vue b/packages/test-project/src/components/SimpleForm.vue
@@ -33,7 +33,7 @@
 
 <script>
 import { ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
+import { useVuelidate } from '@vuelidate/core'
 import { required, helpers, minLength } from '@vuelidate/validators'
 
 export default {