Ajout d'un composant de login

package-lock.json

@@ -6694,6 +6694,16 @@
       "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==",
       "dev": true
     },
+    "jquery": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
+      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
+    },
+    "jquery-ui-bundle": {
+      "version": "1.12.1-migrate",
+      "resolved": "https://registry.npmjs.org/jquery-ui-bundle/-/jquery-ui-bundle-1.12.1-migrate.tgz",
+      "integrity": "sha1-uTQ+LDEHQ1J2Ms/4vtsMXpYAsUw="
+    },
     "js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",
@@ -10848,6 +10858,11 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
       "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
+    "vue-cookies": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/vue-cookies/-/vue-cookies-1.7.4.tgz",
+      "integrity": "sha512-mOS5Btr8V9zvAtkmQ7/TfqJIropOx7etDAgBywPCmHjvfJl2gFbH2XgoMghleLoyyMTi5eaJss0mPN7arMoslA=="
+    },
     "vue-eslint-parser": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",

package.json

@@ -9,7 +9,10 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "jquery": "^3.6.0",
+    "jquery-ui-bundle": "^1.12.1-migrate",
+    "vue": "^2.6.11",
+    "vue-cookies": "^1.7.4"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

src/App.vue

@@ -13,14 +13,6 @@ export default {
   components: {
     Volet_Base
   },
-  created() {
-    alert('prpr')
-  },
-  data: function () {
-    return {
-      userLogged: true
-    }
-  },
 }
 </script>
 

src/Index.vue

 <template>
 <div>
-  <Login v-show="!userLogged" @isLogged="setLogged"></Login>
+  <Login v-show="!userLogged" @user_logged="setLogged"></Login>
 
-  <App v-show="userLogged"></App>
+  <App v-show="userLogged"  ></App>
 
 </div>
 </template>
@@ -10,6 +10,7 @@
 <script>
 import Login from "@/Login";
 import App from "@/App";
+
 export default {
   name: "Index.vue",
   data: function () {
@@ -19,9 +20,13 @@ export default {
   },
   methods: {
     setLogged: function () {
+      //this.$cookies.set("isLogged", true)
       this.userLogged = true
     }
   },
+  created() {
+    //this.userLogged = this.$cookies.get("isLogged")
+  },
   components:{
     Login,
     App

src/Login.vue

 <template>
   <div>
-    <p> AYAYAYAYAY </p>
-    <form v-on:submit="logIn()">
+    <form>
 
       <label for="identifiant">Identifiant</label>
       <br>
@@ -15,7 +14,7 @@
       <br>
       <br>
 
-      <input type="submit" value="connexion">
+      <button value="connexion" @click.prevent="logIn"/>
 
     </form>
   </div>
@@ -29,8 +28,8 @@ export default {
   methods: {
     logIn: function () {
 
-      this.$emit("isLogged", {isLogged: true})
-
+      this.$cookies.set("isLogged", true)
+      this.$emit("user_logged", {"isLogged" : true})
     }
   },
   data: function () {

src/main.js

 import Vue from 'vue'
-import App from './App.vue'
+import Index from '@/Index'
+import VueCookies from 'vue-cookies'
+
 //import Index from '@/Index'
 Vue.config.productionTip = false
+Vue.use(VueCookies);
+
 
 new Vue({
-  render: h => h(App),
+  VueCookies,
+  render: h => h(Index),
 }).$mount('#app')