From 67c2070343e08d925110b11a3e964a1b02291a4d Mon Sep 17 00:00:00 2001 From: YuukanOO Date: Thu, 21 Jan 2021 10:12:02 +0100 Subject: [PATCH] add vuelidate --- bundler-free/index.html | 56 +++++++++++++------------ vue2/package-lock.json | 5 +++ vue2/package.json | 3 +- vue2/src/components/AForm.vue | 65 ++++++++++++++++++++++++++--- vue2/src/components/Incrementer.vue | 15 +++++++ vue2/src/main.js | 2 + 6 files changed, 113 insertions(+), 33 deletions(-) create mode 100644 vue2/src/components/Incrementer.vue diff --git a/bundler-free/index.html b/bundler-free/index.html index 40b8c17..7750088 100644 --- a/bundler-free/index.html +++ b/bundler-free/index.html @@ -1,30 +1,34 @@ - - - - Vue js sans bundler ! - - - -
- - - -
+ + + + Vue js sans bundler ! + + + +
+ + + +
- - - \ No newline at end of file + new Vue({ + el: "#app", + data: { + name: "julien", + }, + }); + + + diff --git a/vue2/package-lock.json b/vue2/package-lock.json index 256d982..cec4211 100644 --- a/vue2/package-lock.json +++ b/vue2/package-lock.json @@ -11021,6 +11021,11 @@ "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==", "dev": true }, + "vuelidate": { + "version": "0.7.6", + "resolved": "https://registry.npmjs.org/vuelidate/-/vuelidate-0.7.6.tgz", + "integrity": "sha512-suzIuet1jGcyZ4oUSW8J27R2tNrJ9cIfklAh63EbAkFjE380iv97BAiIeolRYoB9bF9usBXCu4BxftWN1Dkn3g==" + }, "watchpack": { "version": "1.7.5", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz", diff --git a/vue2/package.json b/vue2/package.json index 6c33ac9..894baa6 100644 --- a/vue2/package.json +++ b/vue2/package.json @@ -10,7 +10,8 @@ "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", - "vue-router": "^3.4.9" + "vue-router": "^3.4.9", + "vuelidate": "^0.7.6" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", diff --git a/vue2/src/components/AForm.vue b/vue2/src/components/AForm.vue index d2b4719..caf1198 100644 --- a/vue2/src/components/AForm.vue +++ b/vue2/src/components/AForm.vue @@ -1,25 +1,78 @@ diff --git a/vue2/src/components/Incrementer.vue b/vue2/src/components/Incrementer.vue new file mode 100644 index 0000000..10fdc97 --- /dev/null +++ b/vue2/src/components/Incrementer.vue @@ -0,0 +1,15 @@ + + + diff --git a/vue2/src/main.js b/vue2/src/main.js index 56baa30..bf7dbf4 100644 --- a/vue2/src/main.js +++ b/vue2/src/main.js @@ -1,5 +1,6 @@ import Vue from "vue"; import VueRouter from "vue-router"; +import Vuelidate from "vuelidate"; import Layout from "./Layout.vue"; import ComponentLayout from "./ComponentLayout.vue"; @@ -22,6 +23,7 @@ const Link = () => import(/* webpackChunkName: "link" */ "./components/Link.vue"); Vue.use(VueRouter); +Vue.use(Vuelidate); Vue.config.productionTip = false;