added persistent search settings and tweaked view

2021-04-26 18:00:54 +02:00
parent dc27f39393
commit 5ee718b578
18 changed files with 605 additions and 28 deletions
--- a/node_modules/vue-cookies/sample/welcome.html
+++ b/node_modules/vue-cookies/sample/welcome.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <script src="https://unpkg.com/vue/dist/vue.js"></script>
+  <script src="../vue-cookies.js"></script>
+  <title>Welcome Username</title>
+</head>
+<body>
+  <div id="v-main">
+
+    <p v-if="!welcomeValue">
+      Please enter your name : <input type="text" @keyup.enter="username">
+    </p>
+    <p v-else>
+      Welcome again : {{ welcomeValue }}
+      <button @click="deleteUser">{{deleteUserText}}</button>
+      {{deleteUserState}}
+    </p>
+
+  </div>
+</body>
+<script>
+
+  new Vue({
+    el:'#v-main',
+    data: function() {
+      return {
+        welcomeValue: this.$cookies.get('username'),
+        deleteUserText : 'Delete Cookie',
+        deleteUserState:''
+      }
+    },
+    methods: {
+      username : function(event){
+        this.welcomeValue = event.target.value;
+        this.$cookies.set('username', this.welcomeValue)
+      },
+      deleteUser: function(){
+        this.$cookies.remove('username');
+        this.deleteUserState = '√'
+
+        setTimeout(function(){
+          location.reload()
+        }, 0.5 * 1000)
+      }
+    }
+  })
+
+</script>
+</html>