From 720ffaf0083564c85a07d66a6d303f34706add41 Mon Sep 17 00:00:00 2001
From: Zephyrrus <krisztian1997@gmail.com>
Date: Thu, 2 Jul 2020 02:50:55 +0300
Subject: feat: start refactoring the code to actually use vuex

This includes creating multiple stores as needed for components and removing all complex states from components (since all those states should be stored in vuex)
---
 src/site/layouts/default.vue | 66 +++++++++++++++++++++++---------------------
 1 file changed, 34 insertions(+), 32 deletions(-)

(limited to 'src/site/layouts')

diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue
index 61a257e..08d733f 100644
--- a/src/site/layouts/default.vue
+++ b/src/site/layouts/default.vue
@@ -12,22 +12,18 @@
 <script>
 import Navbar from '~/components/navbar/Navbar.vue';
 import Footer from '~/components/footer/Footer';
+import { mapState } from 'vuex';
+
 export default {
 	components: {
-		Navbar, 
+		Navbar,
 		Footer
 	},
-	computed: {
-		config() {
-			return this.$store.state.config;
-		},
-		alert() {
-			return this.$store.state.alert;
-		}
-	},
+	computed: mapState(['config', 'alert']),
 	watch: {
-		alert() {
-			if (!this.alert) return;
+		'alert.text'() {
+			console.log('aaaaaaaa');
+			if (!this.alert.text) return;
 
 			this.$buefy.toast.open({
 				duration: 3500,
@@ -36,34 +32,40 @@ export default {
 				type: this.alert.error ? 'is-danger' : 'is-success'
 			});
 
-			setTimeout(() => {
-				this.$store.dispatch('alert', null);
-			}, 3500);
+			this.$store.dispatch('alert/clear', null);
 		}
 	},
 	mounted() {
-		console.log(`%c lolisafe %c v${this.config.version} %c`, 'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff', 'background:#ff015b; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff', 'background:transparent');
+		console.log(
+			`%c lolisafe %c v${this.config.version} %c`,
+			'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
+			'background:#ff015b; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
+			'background:transparent'
+		);
 	}
 };
 </script>
+
 <style lang="scss">
-	html { overflow: hidden !important; }
-	.is-fullheight { 
-		min-height: 100vh !important; 
-		height: max-content;
-	}
-	.nuxt-app > .section {
-		min-height: auto !important;
-		height: auto !important;
-	}
-	@import "~/assets/styles/style.scss";
-	@import "~/assets/styles/icons.min.css";
+html {
+	overflow: hidden !important;
+}
+.is-fullheight {
+	min-height: 100vh !important;
+	height: max-content;
+}
+.nuxt-app > .section {
+	min-height: auto !important;
+	height: auto !important;
+}
+@import '~/assets/styles/style.scss';
+@import '~/assets/styles/icons.min.css';
 </style>
 <style lang="scss" scoped>
-	.default-body {
-		align-items: baseline !important;
-	}
-	.scroll-area {
-		height: 100vh;
-	}
+.default-body {
+	align-items: baseline !important;
+}
+.scroll-area {
+	height: 100vh;
+}
 </style>
-- 
cgit v1.2.3


From ac1d6eec5b5ec3093ac97e179d2573b5a225ea0e Mon Sep 17 00:00:00 2001
From: Zephyrrus <krisztian1997@gmail.com>
Date: Sat, 4 Jul 2020 03:28:05 +0300
Subject: fix: change watcher from a component watcher to a store watcher

---
 src/site/layouts/default.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

(limited to 'src/site/layouts')

diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue
index 08d733f..579a73e 100644
--- a/src/site/layouts/default.vue
+++ b/src/site/layouts/default.vue
@@ -19,21 +19,22 @@ export default {
 		Navbar,
 		Footer
 	},
-	computed: mapState(['config', 'alert']),
-	watch: {
-		'alert.text'() {
-			console.log('aaaaaaaa');
-			if (!this.alert.text) return;
+	computed: mapState(['config']),
+	created() {
+		this.$store.watch(state => state.alert.text, () => {
+			const { text, error } = this.$store.state.alert;
+
+			if (!text) return;
 
 			this.$buefy.toast.open({
 				duration: 3500,
-				message: this.alert.text,
+				message: text,
 				position: 'is-bottom',
-				type: this.alert.error ? 'is-danger' : 'is-success'
+				type: error ? 'is-danger' : 'is-success'
 			});
 
 			this.$store.dispatch('alert/clear', null);
-		}
+		})
 	},
 	mounted() {
 		console.log(
-- 
cgit v1.2.3


From ad852de51a0d2dd5d29c08838d5a430c58849e74 Mon Sep 17 00:00:00 2001
From: Zephyrrus <krisztian1997@gmail.com>
Date: Wed, 8 Jul 2020 04:00:12 +0300
Subject: chore: linter the entire project using the new rules

---
 src/site/layouts/default.vue | 23 +++++++++++++----------
 src/site/layouts/error.vue   |  2 +-
 2 files changed, 14 insertions(+), 11 deletions(-)

(limited to 'src/site/layouts')

diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue
index 579a73e..13a56c0 100644
--- a/src/site/layouts/default.vue
+++ b/src/site/layouts/default.vue
@@ -1,27 +1,29 @@
 <template>
-	<div v-bar
+	<div
+		v-bar
 		class="scroll-area">
 		<div class="default-body">
 			<Navbar :isWhite="true" />
-			<nuxt-child id="app"
+			<nuxt-child
+				id="app"
 				class="nuxt-app is-height-max-content" />
 			<Footer />
 		</div>
 	</div>
 </template>
 <script>
-import Navbar from '~/components/navbar/Navbar.vue';
-import Footer from '~/components/footer/Footer';
 import { mapState } from 'vuex';
+import Navbar from '~/components/navbar/Navbar.vue';
+import Footer from '~/components/footer/Footer.vue';
 
 export default {
 	components: {
 		Navbar,
-		Footer
+		Footer,
 	},
 	computed: mapState(['config']),
 	created() {
-		this.$store.watch(state => state.alert.text, () => {
+		this.$store.watch((state) => state.alert.text, () => {
 			const { text, error } = this.$store.state.alert;
 
 			if (!text) return;
@@ -30,20 +32,21 @@ export default {
 				duration: 3500,
 				message: text,
 				position: 'is-bottom',
-				type: error ? 'is-danger' : 'is-success'
+				type: error ? 'is-danger' : 'is-success',
 			});
 
 			this.$store.dispatch('alert/clear', null);
-		})
+		});
 	},
 	mounted() {
+		// eslint-disable-next-line no-console
 		console.log(
 			`%c lolisafe %c v${this.config.version} %c`,
 			'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
 			'background:#ff015b; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
-			'background:transparent'
+			'background:transparent',
 		);
-	}
+	},
 };
 </script>
 
diff --git a/src/site/layouts/error.vue b/src/site/layouts/error.vue
index 77d188f..3f12c46 100644
--- a/src/site/layouts/error.vue
+++ b/src/site/layouts/error.vue
@@ -23,6 +23,6 @@
 import Navbar from '~/components/navbar/Navbar.vue';
 
 export default {
-	components: { Navbar }
+	components: { Navbar },
 };
 </script>
-- 
cgit v1.2.3


From 495a23c3a53b8f1e9f885163129d962cbd3e8c2b Mon Sep 17 00:00:00 2001
From: Zephyrrus <krisztian1997@gmail.com>
Date: Thu, 9 Jul 2020 02:21:35 +0300
Subject: =?UTF-8?q?feat:=20add=20notifier=20plugin=20for=20=F0=9F=90=8D=20?=
 =?UTF-8?q?and=20=F0=9F=8D=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/site/layouts/default.vue | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

(limited to 'src/site/layouts')

diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue
index 13a56c0..0049b88 100644
--- a/src/site/layouts/default.vue
+++ b/src/site/layouts/default.vue
@@ -21,19 +21,28 @@ export default {
 		Navbar,
 		Footer,
 	},
-	computed: mapState(['config']),
+	computed: mapState(['config', 'alert']),
 	created() {
-		this.$store.watch((state) => state.alert.text, () => {
-			const { text, error } = this.$store.state.alert;
+		this.$store.watch((state) => state.alert.message, () => {
+			const { message, type, snackbar } = this.alert;
 
-			if (!text) return;
+			if (!message) return;
 
-			this.$buefy.toast.open({
-				duration: 3500,
-				message: text,
-				position: 'is-bottom',
-				type: error ? 'is-danger' : 'is-success',
-			});
+			if (snackbar) {
+				this.$buefy.snackbar.open({
+					duration: 3500,
+					position: 'is-bottom',
+					message,
+					type,
+				});
+			} else {
+				this.$buefy.toast.open({
+					duration: 3500,
+					position: 'is-bottom',
+					message,
+					type,
+				});
+			}
 
 			this.$store.dispatch('alert/clear', null);
 		});
-- 
cgit v1.2.3