diff --git a/nuxt.config.js b/nuxt.config.js
index f0dd35c0cbda37b886637c962c1c0f19b5bf1852..a771fc37bf34a27fcffb799dbf4785a946cc695a 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -73,11 +73,11 @@ export default {
},
logout: {
url: 'user/logout',
- method: 'post',
+ method: 'post'
},
user: {
url: 'user/me',
- method: 'get',
+ method: 'get'
}
}
}
diff --git a/pages/Login.vue b/pages/Login.vue
index a1a3a999c4e500be6c5c7d8dc20b575bd3fb083f..b4bd7eb72bb26453d0e3d955f47e05fb35c1b6ef 100644
--- a/pages/Login.vue
+++ b/pages/Login.vue
@@ -17,11 +17,11 @@
height="81.134"
filterUnits="userSpaceOnUse"
>
- <feOffset dy="3" input="SourceAlpha"/>
- <feGaussianBlur stdDeviation="3" result="blur"/>
- <feFlood flood-opacity="0.349"/>
- <feComposite operator="in" in2="blur"/>
- <feComposite in="SourceGraphic"/>
+ <feOffset dy="3" input="SourceAlpha" />
+ <feGaussianBlur stdDeviation="3" result="blur" />
+ <feFlood flood-opacity="0.349" />
+ <feComposite operator="in" in2="blur" />
+ <feComposite in="SourceGraphic" />
</filter>
<filter
id="Path_5"
@@ -31,11 +31,11 @@
height="109.141"
filterUnits="userSpaceOnUse"
>
- <feOffset dy="3" input="SourceAlpha"/>
- <feGaussianBlur stdDeviation="3" result="blur-2"/>
- <feFlood flood-opacity="0.361"/>
- <feComposite operator="in" in2="blur-2"/>
- <feComposite in="SourceGraphic"/>
+ <feOffset dy="3" input="SourceAlpha" />
+ <feGaussianBlur stdDeviation="3" result="blur-2" />
+ <feFlood flood-opacity="0.361" />
+ <feComposite operator="in" in2="blur-2" />
+ <feComposite in="SourceGraphic" />
</filter>
<filter
id="Path_45"
@@ -45,39 +45,50 @@
height="81.134"
filterUnits="userSpaceOnUse"
>
- <feOffset dy="3" input="SourceAlpha"/>
- <feGaussianBlur stdDeviation="3" result="blur-3"/>
- <feFlood flood-opacity="0.349"/>
- <feComposite operator="in" in2="blur-3"/>
- <feComposite in="SourceGraphic"/>
+ <feOffset dy="3" input="SourceAlpha" />
+ <feGaussianBlur stdDeviation="3" result="blur-3" />
+ <feFlood flood-opacity="0.349" />
+ <feComposite operator="in" in2="blur-3" />
+ <feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_41" data-name="Group 41" transform="translate(415 -828)">
<g id="Path_44" data-name="Path 44" class="cls-1" transform="translate(-415 922)">
- <path class="cls-4"
- d="M264-94c-.577.781,264,377.927,264,525.249S409.8,698,264,698,0,578.572,0,431.25,264.577-94.78,264-94Z"
+ <path
+ class="cls-4"
+ d="M264-94c-.577.781,264,377.927,264,525.249S409.8,698,264,698,0,578.572,0,431.25,264.577-94.78,264-94Z"
/>
- <path class="cls-5"
- d="M 263.70703125 -22.25128173828125 C 171.9195556640625 116.2078247070312 39.99996948242188 338.6212768554688 39.99996948242188 431.2499084472656 C 39.99996948242188 556.280029296875 140.48583984375 657.9994506835938 263.9995422363281 657.9994506835938 C 387.5132446289062 657.9994506835938 487.9991149902344 556.280029296875 487.9991149902344 431.2499084472656 C 487.9991149902344 359.7812194824219 404.7320556640625 191.885009765625 263.70703125 -22.25128173828125 M 264.00048828125 -94.00042724609375 C 264.0005187988281 -94.00042724609375 264 -93.99969482421875 263.9990234375 -93.9981689453125 C 263.9994506835938 -93.99951171875 264.0004577636719 -94.00042724609375 264.00048828125 -94.00042724609375 Z M 263.9990234375 -93.9981689453125 C 263.6159973144531 -92.94195556640625 527.9990844726562 283.9821472167969 527.9990844726562 431.2499084472656 C 527.9990844726562 578.5715942382812 409.8025512695312 697.9994506835938 263.9995422363281 697.9994506835938 C 118.1966857910156 697.9994506835938 0 578.5715942382812 0 431.2499084472656 C 0 284.2878723144531 263.2866516113281 -92.93243408203125 263.9990234375 -93.9981689453125 Z"
+ <path
+ class="cls-5"
+ d="M 263.70703125 -22.25128173828125 C 171.9195556640625 116.2078247070312 39.99996948242188 338.6212768554688 39.99996948242188 431.2499084472656 C 39.99996948242188 556.280029296875 140.48583984375 657.9994506835938 263.9995422363281 657.9994506835938 C 387.5132446289062 657.9994506835938 487.9991149902344 556.280029296875 487.9991149902344 431.2499084472656 C 487.9991149902344 359.7812194824219 404.7320556640625 191.885009765625 263.70703125 -22.25128173828125 M 264.00048828125 -94.00042724609375 C 264.0005187988281 -94.00042724609375 264 -93.99969482421875 263.9990234375 -93.9981689453125 C 263.9994506835938 -93.99951171875 264.0004577636719 -94.00042724609375 264.00048828125 -94.00042724609375 Z M 263.9990234375 -93.9981689453125 C 263.6159973144531 -92.94195556640625 527.9990844726562 283.9821472167969 527.9990844726562 431.2499084472656 C 527.9990844726562 578.5715942382812 409.8025512695312 697.9994506835938 263.9995422363281 697.9994506835938 C 118.1966857910156 697.9994506835938 0 578.5715942382812 0 431.2499084472656 C 0 284.2878723144531 263.2866516113281 -92.93243408203125 263.9990234375 -93.9981689453125 Z"
/>
</g>
<g id="Droplet" class="cls-2" transform="translate(-325.609 1380)">
<g class="cls-8" transform="matrix(1, 0, 0, 1, -89.39, -552)">
- <path id="Path_6-2" data-name="Path 6" class="cls-3"
- d="M31.567,0A31.567,31.567,0,1,1,0,31.567,31.567,31.567,0,0,1,31.567,0Z"
- transform="translate(89.39 552)"
+ <path
+ id="Path_6-2"
+ data-name="Path 6"
+ class="cls-3"
+ d="M31.567,0A31.567,31.567,0,1,1,0,31.567,31.567,31.567,0,0,1,31.567,0Z"
+ transform="translate(89.39 552)"
/>
</g>
<g class="cls-7" transform="matrix(1, 0, 0, 1, -89.39, -552)">
- <path id="Path_5-2" data-name="Path 5" class="cls-3"
- d="M232.416-460.866c9.135-12.482,78.1-9.285,82.994,0s5.039,82.727-41.5,82.934S223.28-448.384,232.416-460.866Z"
- transform="translate(-9.01 1041.93)"
+ <path
+ id="Path_5-2"
+ data-name="Path 5"
+ class="cls-3"
+ d="M232.416-460.866c9.135-12.482,78.1-9.285,82.994,0s5.039,82.727-41.5,82.934S223.28-448.384,232.416-460.866Z"
+ transform="translate(-9.01 1041.93)"
/>
</g>
<g class="cls-6" transform="matrix(1, 0, 0, 1, -89.39, -552)">
- <path id="Path_45-2" data-name="Path 45" class="cls-3"
- d="M31.567,0A31.567,31.567,0,1,1,0,31.567,31.567,31.567,0,0,1,31.567,0Z"
- transform="translate(375.47 552)"
+ <path
+ id="Path_45-2"
+ data-name="Path 45"
+ class="cls-3"
+ d="M31.567,0A31.567,31.567,0,1,1,0,31.567,31.567,31.567,0,0,1,31.567,0Z"
+ transform="translate(375.47 552)"
/>
</g>
</g>
@@ -85,38 +96,38 @@
</svg>
<h1><span>Log in</span> to access</h1>
<h2>your hydrominder</h2>
- <p>{{this.$auth.loggedIn}}</p>
+ <p>{{ $auth.loggedIn }}</p>
<form class="login-form" @submit.prevent="userLogin">
<label for="username">Username</label>
- <input id="username" type="text" v-model="login.username">
+ <input id="username" v-model="login.username" type="text">
<label for="password">Password</label>
- <input class="password" id="password" type="password" v-model="login.password">
+ <input id="password" v-model="login.password" class="password" type="password">
<button class="button" type="submit">Log in</button>
</form>
</div>
</template>
<script>
export default {
- data() {
+ layout: 'login',
+ data () {
return {
login: {
username: '',
- password: '',
+ password: ''
}
}
},
methods: {
- async userLogin() {
+ async userLogin () {
try {
- const response = await this.$auth.loginWith('cookie', {data: this.login})
+ const response = await this.$auth.loginWith('cookie', { data: this.login })
console.log(response)
} catch (err) {
console.log(err)
}
}
},
- layout: 'login',
- auth: 'guest',
+ auth: 'guest'
}
</script>
<style lang="scss" scoped>
@@ -183,7 +194,6 @@ export default {
text-shadow: -1px 3px 4px #444;
}
-
.watermark {
position: absolute;
top: 3%;