diff --git a/.electron-vue/webpack.renderer.config.js b/.electron-vue/webpack.renderer.config.js
index 2906fa3f3c..81bc9496d1 100644
--- a/.electron-vue/webpack.renderer.config.js
+++ b/.electron-vue/webpack.renderer.config.js
@@ -24,7 +24,6 @@ const { VueLoaderPlugin } = require("vue-loader");
 let whiteListedModules = [
 	"vue",
 	"portal-vue",
-	"vue-property-decorator",
 	"vue-class-component",
 	"@arkecosystem/client",
 	"got",
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 39e7e33ecb..2c570074ba 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -4,9 +4,6 @@ import "reflect-metadata";
 import "../src/renderer/app/styles/style.css";
 
 import Vue from "vue";
-import CompositionApi from "@vue/composition-api";
-
-Vue.use(CompositionApi);
 
 addParameters({
 	options: {
diff --git a/jest.config.js b/jest.config.js
index e8defa938f..cd7bfa880a 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -18,7 +18,6 @@ module.exports = {
 		"src/renderer/app/router",
 		"src/renderer/app/store",
 		"src/renderer/main.js",
-		"src/renderer/registerComponentHooks.ts",
 		"src/renderer/splashscreen.js",
 		"src/renderer/support/enums",
 		"stories.ts",
diff --git a/package.json b/package.json
index 164bf39905..53dfe9cbb1 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,6 @@
 		"@fortawesome/vue-fontawesome": "^0.1.9",
 		"@kodekeep/reqwest": "^0.4.0",
 		"@ledgerhq/hw-transport-node-hid-singleton": "^5.16.0",
-		"@vue/composition-api": "^0.5.0",
 		"about-window": "^1.13.2",
 		"animate.css": "^4.1.0",
 		"async": "^3.2.0",
@@ -107,17 +106,15 @@
 		"validate-npm-package-name": "^3.0.0",
 		"vee-validate": "^3.3.1",
 		"vm2": "^3.9.2",
-		"vue": "^2.6.11",
+		"vue": "next",
 		"vue-chartjs": "^3.5.0",
 		"vue-class-component": "^7.2.3",
 		"vue-good-table": "^2.19.3",
 		"vue-i18n": "^8.18.1",
-		"vue-property-decorator": "^8.4.2",
 		"vue-qrcode-reader": "^2.3.0",
-		"vue-router": "^3.3.2",
+		"vue-router": "next",
 		"vue-spinner": "^1.0.3",
-		"vuex": "^3.4.0",
-		"vuex-electron": "^1.0.3",
+		"vuex": "next",
 		"wif": "^2.0.6"
 	},
 	"devDependencies": {
@@ -140,7 +137,7 @@
 		"@types/node": "^14.0.6",
 		"@typescript-eslint/eslint-plugin": "^3.0.2",
 		"@typescript-eslint/parser": "^3.0.2",
-		"@vue/test-utils": "1.0.3",
+		"@vue/test-utils": "next",
 		"autoprefixer": "^9.8.0",
 		"babel-core": "^7.0.0-0",
 		"babel-eslint": "^10.1.0",
@@ -175,7 +172,7 @@
 		"eslint-plugin-promise": "^4.2.1",
 		"eslint-plugin-simple-import-sort": "^5.0.3",
 		"eslint-plugin-standard": "^4.0.1",
-		"eslint-plugin-vue": "^6.2.2",
+		"eslint-plugin-vue": "next",
 		"esm": "^3.2.25",
 		"file-loader": "^6.0.0",
 		"flush-promises": "^1.0.2",
diff --git a/src/renderer/app/App.vue b/src/renderer/app/App.vue
index b964f101cb..9c51910ef8 100644
--- a/src/renderer/app/App.vue
+++ b/src/renderer/app/App.vue
@@ -1,14 +1,13 @@
-<template>
-	<div id="app" class="theme-light">
-		<router-view />
-	</div>
-</template>
-
 <script lang="ts">
 	import "@/app/styles/style.css";
 
-	import { Component, Vue } from "vue-property-decorator";
+	import { defineComponent } from "vue";
 
-	@Component
-	export default class App extends Vue {}
+	export default defineComponent({});
 </script>
+
+<template>
+	<div id="app" class="theme-light">
+		<router-view />
+	</div>
+</template>
diff --git a/src/renderer/app/SplashScreen.vue b/src/renderer/app/SplashScreen.vue
index bede353f08..73b7e5eb64 100644
--- a/src/renderer/app/SplashScreen.vue
+++ b/src/renderer/app/SplashScreen.vue
@@ -1,3 +1,17 @@
+<script lang="ts">
+	import "@/app/styles/style.css";
+
+	import { defineComponent } from "vue";
+
+	import packageJson from "../../../package.json";
+
+	export default defineComponent({
+		setup() {
+			return { version: packageJson.version };
+		},
+	});
+</script>
+
 <template>
 	<div class="absolute flex flex-col w-full h-full text-center select-none SplashScreen bg-default-background">
 		<div class="flex justify-center flex-1">
@@ -62,23 +76,6 @@
 	</div>
 </template>
 
-<script lang="ts">
-	import "@/app/styles/style.css";
-
-	import { Component, Vue } from "vue-property-decorator";
-
-	import packageJson from "../../../package.json";
-
-	@Component({
-		name: "SplashScreen",
-	})
-	export default class SplashScreen extends Vue {
-		get version() {
-			return packageJson.version;
-		}
-	}
-</script>
-
 <style scoped>
 	.SplashScreen {
 		color: #3c4249;
diff --git a/src/renderer/app/components/Alert/Alert.vue b/src/renderer/app/components/Alert/Alert.vue
index 9ed8740341..43565da85a 100644
--- a/src/renderer/app/components/Alert/Alert.vue
+++ b/src/renderer/app/components/Alert/Alert.vue
@@ -1,10 +1,34 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({
+		props: {
+			status: {
+				type: String,
+				required: false,
+				default: "warning",
+			},
+			size: {
+				type: String,
+				required: false,
+				default: "default",
+			},
+			title: {
+				type: String,
+				required: false,
+				default: "",
+			},
+		},
+	});
+</script>
+
 <template>
 	<div
 		role="alert"
-		class="Alert flex rounded-lg overflow-hidden"
+		class="flex overflow-hidden rounded-lg Alert"
 		:class="['Alert--status-' + status, 'Alert--size-' + size]"
 	>
-		<div class="Alert__icon Alert--padding w-24 flex items-center justify-center">
+		<div class="flex items-center justify-center w-24 Alert__icon Alert--padding">
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="w-8 h-8">
 				<path
 					d="M0 10C0 4.5 4.5 0 10 0s10 4.5 10 10-4.5 10-10 10S0 15.5 0 10zm2 0c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8zm7 4c0-.6.4-1 1-1s1 .4 1 1-.4 1-1 1-1-.4-1-1zm0-3V6c0-.6.4-1 1-1s1 .4 1 1v5c0 .6-.4 1-1 1s-1-.4-1-1z"
@@ -12,7 +36,7 @@
 				/>
 			</svg>
 		</div>
-		<div class="Alert__content Alert--padding flex-1">
+		<div class="flex-1 Alert__content Alert--padding">
 			<p v-if="title" data-testid="Alert__title" class="Alert__content__title">
 				{{ title }}
 			</p>
@@ -21,17 +45,6 @@
 	</div>
 </template>
 
-<script lang="ts">
-	import { Component, Prop, Vue } from "vue-property-decorator";
-
-	@Component
-	export default class Alert extends Vue {
-		@Prop({ default: "warning" }) public status!: "error" | "success" | "warning" | "info";
-		@Prop({ default: "default" }) public size!: "small" | "default" | "large";
-		@Prop({ default: "" }) public title!: string;
-	}
-</script>
-
 <style lang="postcss" scoped>
 	.Alert {
 		&--padding {
diff --git a/src/renderer/app/components/Button/Button.vue b/src/renderer/app/components/Button/Button.vue
index 3a231665ac..b9e2f2e10c 100644
--- a/src/renderer/app/components/Button/Button.vue
+++ b/src/renderer/app/components/Button/Button.vue
@@ -1,3 +1,32 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({
+		props: {
+			variant: {
+				type: String,
+				required: false,
+				default: "solid",
+			},
+			color: {
+				type: String,
+				required: false,
+				default: "primary",
+			},
+			size: {
+				type: String,
+				required: false,
+				default: "default",
+			},
+			shape: {
+				type: String,
+				required: false,
+				default: "rounded",
+			},
+		},
+	});
+</script>
+
 <template>
 	<button
 		:class="[
@@ -6,7 +35,7 @@
 			'Button--shape-' + shape,
 			'Button--size-' + size,
 		]"
-		class="Button focus:shadow-outline font-semibold text-center transition-all ease-linear duration-100"
+		class="font-semibold text-center transition-all duration-100 ease-linear Button focus:shadow-outline"
 		v-bind="$attrs"
 		v-on="$listeners"
 	>
@@ -14,18 +43,6 @@
 	</button>
 </template>
 
-<script lang="ts">
-	import { Component, Prop, Vue } from "vue-property-decorator";
-
-	@Component
-	export default class Button extends Vue {
-		@Prop({ default: "solid" }) public variant!: "solid" | "plain" | "outline";
-		@Prop({ default: "primary" }) public color!: "primary" | "success" | "danger" | "light";
-		@Prop({ default: "default" }) public size!: "small" | "default" | "large";
-		@Prop({ default: "rounded" }) public shape!: "rounded" | "circle";
-	}
-</script>
-
 <style lang="postcss" scoped>
 	.Button:disabled {
 		@apply cursor-not-allowed bg-opacity-50;
diff --git a/src/renderer/app/components/Form/FormError.vue b/src/renderer/app/components/Form/FormError.vue
index ce72e43cac..a39590172c 100644
--- a/src/renderer/app/components/Form/FormError.vue
+++ b/src/renderer/app/components/Form/FormError.vue
@@ -1,14 +1,19 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({
+		props: {
+			errors: {
+				type: Array,
+				required: false,
+				default: () => [],
+			},
+		},
+	});
+</script>
+
 <template>
 	<div v-if="errors">
 		<span class="inline-block mt-1 text-red-500">{{ errors[0] }}</span>
 	</div>
 </template>
-
-<script lang="ts">
-	import { Component, Prop, Vue } from "vue-property-decorator";
-
-	@Component({ name: "FormError" })
-	export default class FormError extends Vue {
-		@Prop() public errors: string[] | undefined;
-	}
-</script>
diff --git a/src/renderer/app/components/ListDivided/ListDivided.vue b/src/renderer/app/components/ListDivided/ListDivided.vue
index 9e5ba6e091..d223c227b6 100644
--- a/src/renderer/app/components/ListDivided/ListDivided.vue
+++ b/src/renderer/app/components/ListDivided/ListDivided.vue
@@ -1,3 +1,31 @@
+<script lang="ts">
+	import { defineComponent, provide } from "vue";
+
+	import ListDividedItem from "./ListDividedItem";
+	import { FloatingLabelSymbol } from "./types";
+
+	export default defineComponent({
+		components: {
+			ListDividedItem,
+		},
+		props: {
+			isFloatingLabel: {
+				type: Boolean,
+				required: false,
+				default: false,
+			},
+			errors: {
+				type: Array,
+				required: false,
+				default: null,
+			},
+		},
+		setup(props) {
+			provide(FloatingLabelSymbol, props.isFloatingLabel);
+		},
+	});
+</script>
+
 <template>
 	<ul class="w-full ListDivided">
 		<template v-if="items">
@@ -10,24 +38,6 @@
 	</ul>
 </template>
 
-<script lang="ts">
-	import { Component, Prop, Provide, Vue } from "vue-property-decorator";
-
-	import ListDividedItem from "./ListDividedItem";
-
-	@Component({
-		name: "ListDivided",
-		components: {
-			ListDividedItem,
-		},
-	})
-	export default class ListDivided extends Vue {
-		@Prop({ default: false }) public isFloatingLabel!: boolean;
-		@Prop({ default: null }) public items!: object | null;
-		@Provide("isFloatingLabel") public isFloatingLabelData = this.isFloatingLabel;
-	}
-</script>
-
 <style lang="postcss">
 	.ListDivided {
 		.ListDividedItem:last-child {
diff --git a/src/renderer/app/components/ListDivided/ListDividedItem.vue b/src/renderer/app/components/ListDivided/ListDividedItem.vue
index 7c07601547..b9fa5fde75 100644
--- a/src/renderer/app/components/ListDivided/ListDividedItem.vue
+++ b/src/renderer/app/components/ListDivided/ListDividedItem.vue
@@ -1,3 +1,55 @@
+<script lang="ts">
+	import { defineComponent, inject } from "vue";
+
+	import { FloatingLabelSymbol } from "./types";
+
+	export default defineComponent({
+		props: {
+			label: {
+				type: String,
+				required: true,
+			},
+			labelDescription: {
+				type: String,
+				required: false,
+				default: null,
+			},
+			value: {
+				type: [String, Boolean],
+				required: false,
+				default: null,
+			},
+			itemLabelClass: {
+				type: String,
+				required: false,
+				default: "",
+			},
+			itemLabelDescriptionClass: {
+				type: String,
+				required: false,
+				default: "",
+			},
+			itemValueClass: {
+				type: String,
+				required: false,
+				default: "",
+			},
+		},
+		setup(props) {
+			const isFloatingLabel = inject(FloatingLabelSymbol);
+
+			return {
+				isFloatingLabel,
+				labelClass: [
+					{ "font-semibold text-xs mb-1": isFloatingLabel },
+					{ "text-theme-page-text-light": !props.itemLabelClass },
+					props.itemLabelClass,
+				],
+			};
+		},
+	});
+</script>
+
 <template>
 	<li class="flex flex-col w-full py-4 border-b border-dashed ListDividedItem border-theme-line-separator">
 		<div :class="isFloatingLabel ? 'flex-col items-start' : 'items-center'" class="flex justify-between">
@@ -22,28 +74,3 @@
 		</div>
 	</li>
 </template>
-
-<script lang="ts">
-	import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-
-	@Component({
-		name: "ListDividedItem",
-	})
-	export default class ListDividedItem extends Vue {
-		@Prop({ required: true }) public label!: string;
-		@Prop({ default: null }) public labelDescription!: string | null;
-		@Prop({ default: null }) public value!: string | boolean | null;
-		@Prop({ default: "" }) public itemLabelClass!: string;
-		@Prop({ default: "" }) public itemLabelDescriptionClass!: string;
-		@Prop({ default: "" }) public itemValueClass!: string;
-		@Inject({ from: "isFloatingLabel", default: false }) public isFloatingLabel!: boolean;
-
-		get labelClass() {
-			return [
-				{ "font-semibold text-xs mb-1": this.isFloatingLabel },
-				{ "text-theme-page-text-light": !this.itemLabelClass },
-				this.itemLabelClass,
-			];
-		}
-	}
-</script>
diff --git a/src/renderer/app/components/ListDivided/types.ts b/src/renderer/app/components/ListDivided/types.ts
new file mode 100644
index 0000000000..f1761606e5
--- /dev/null
+++ b/src/renderer/app/components/ListDivided/types.ts
@@ -0,0 +1 @@
+export const FloatingLabelSymbol = Symbol("isFloatingLabel");
diff --git a/src/renderer/app/components/Navbar/Navbar.vue b/src/renderer/app/components/Navbar/Navbar.vue
index f9714bd935..2536f9b9a5 100644
--- a/src/renderer/app/components/Navbar/Navbar.vue
+++ b/src/renderer/app/components/Navbar/Navbar.vue
@@ -1,9 +1,15 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({});
+</script>
+
 <template>
-	<nav class="bg-white shadow-header-smooth relative">
+	<nav class="relative bg-white shadow-header-smooth">
 		<div class="px-4 sm:px-6 lg:px-8">
 			<div class="relative flex justify-between h-20 md:h-24">
-				<div class="flex-shrink-0 flex items-center">
-					<div class="flex rounded-lg p-2 bg-red-logo">
+				<div class="flex items-center flex-shrink-0">
+					<div class="flex p-2 rounded-lg bg-red-logo">
 						<img :src="loadImageFromAssets('ark-logo.png')" class="h-6 md:h-8 lg:h-10" />
 					</div>
 				</div>
@@ -11,10 +17,3 @@
 		</div>
 	</nav>
 </template>
-
-<script lang="ts">
-	import { Component, Vue } from "vue-property-decorator";
-
-	@Component
-	export default class Navbar extends Vue {}
-</script>
diff --git a/src/renderer/app/components/SvgIcon/SvgIcon.vue b/src/renderer/app/components/SvgIcon/SvgIcon.vue
index 2804e0cdec..d5dbfce34c 100644
--- a/src/renderer/app/components/SvgIcon/SvgIcon.vue
+++ b/src/renderer/app/components/SvgIcon/SvgIcon.vue
@@ -1,3 +1,26 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({
+		props: {
+			name: {
+				type: String,
+				required: true,
+			},
+			viewBox: {
+				type: String,
+				required: false,
+				default: "0 0 50 50",
+			},
+		},
+		setup(props) {
+			const [x, y, width, height] = props.viewBox.split(" ").map((i) => `${i}px`);
+
+			return { styles: { x, y, width, height } };
+		},
+	});
+</script>
+
 <template>
 	<svg
 		v-bind="styles"
@@ -10,19 +33,3 @@
 		<use :xlink:href="`#${name}`" />
 	</svg>
 </template>
-
-<script lang="ts">
-	import { Component, Prop, Vue } from "vue-property-decorator";
-
-	@Component
-	export default class SvgIcon extends Vue {
-		@Prop({ required: true }) public name!: string;
-		@Prop({ default: "0 0 50 50" }) public viewBox!: string;
-
-		get styles() {
-			const [x, y, width, height] = this.viewBox.split(" ").map((i) => `${i}px`);
-
-			return { x, y, width, height };
-		}
-	}
-</script>
diff --git a/src/renderer/app/components/Tabs/Tab.vue b/src/renderer/app/components/Tabs/Tab.vue
index 4133b11b13..a535dabb40 100644
--- a/src/renderer/app/components/Tabs/Tab.vue
+++ b/src/renderer/app/components/Tabs/Tab.vue
@@ -1,15 +1,9 @@
-<template>
-	<button class="Tab" :class="{ 'Tab--active': isActive }" @click="handleClick">
-		<slot />
-	</button>
-</template>
-
 <script lang="ts">
-	import { defineComponent, inject } from "@vue/composition-api";
+	import { defineComponent, inject } from "vue";
 
 	import { TabContextSymbol } from "./useTab";
 
-	const Tab = defineComponent({
+	export default defineComponent({
 		props: {
 			id: {
 				type: [String, Number],
@@ -27,6 +21,10 @@
 			return { handleClick, isActive };
 		},
 	});
-
-	export default Tab;
 </script>
+
+<template>
+	<button class="Tab" :class="{ 'Tab--active': isActive }" @click="handleClick">
+		<slot />
+	</button>
+</template>
diff --git a/src/renderer/app/components/Tabs/TabList.vue b/src/renderer/app/components/Tabs/TabList.vue
index ba1c6aee57..e20f65c2d2 100644
--- a/src/renderer/app/components/Tabs/TabList.vue
+++ b/src/renderer/app/components/Tabs/TabList.vue
@@ -1,17 +1,15 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({});
+</script>
+
 <template>
-	<div class="TabList inline-flex justify-start items-stretch rounded bg-gray-200 px-3">
+	<div class="inline-flex items-stretch justify-start px-3 bg-gray-200 rounded TabList">
 		<slot></slot>
 	</div>
 </template>
 
-<script lang="ts">
-	import { defineComponent } from "@vue/composition-api";
-
-	const TabList = defineComponent({});
-
-	export default TabList;
-</script>
-
 <style lang="postcss" scoped>
 	.TabList > .Tab {
 		@apply px-5 py-4 border-b-3 font-semibold text-gray-800 text-opacity-75 relative transition-colors ease-in-out duration-300;
diff --git a/src/renderer/app/components/Tabs/TabPanel.vue b/src/renderer/app/components/Tabs/TabPanel.vue
index debaa38fe9..ac7c82bee0 100644
--- a/src/renderer/app/components/Tabs/TabPanel.vue
+++ b/src/renderer/app/components/Tabs/TabPanel.vue
@@ -1,15 +1,9 @@
-<template>
-	<div v-if="isActive" data-testid="TabPanel">
-		<slot></slot>
-	</div>
-</template>
-
 <script lang="ts">
-	import { defineComponent, inject } from "@vue/composition-api";
+	import { defineComponent, inject } from "vue";
 
 	import { TabContextSymbol } from "./useTab";
 
-	const TabPanel = defineComponent({
+	export default defineComponent({
 		props: {
 			id: {
 				type: [String, Number],
@@ -23,6 +17,10 @@
 			return { isActive };
 		},
 	});
-
-	export default TabPanel;
 </script>
+
+<template>
+	<div v-if="isActive" data-testid="TabPanel">
+		<slot></slot>
+	</div>
+</template>
diff --git a/src/renderer/app/components/Tabs/Tabs.test.ts b/src/renderer/app/components/Tabs/Tabs.test.ts
index cb0675762a..66cd56b874 100644
--- a/src/renderer/app/components/Tabs/Tabs.test.ts
+++ b/src/renderer/app/components/Tabs/Tabs.test.ts
@@ -1,4 +1,4 @@
-import CompositionApi, { reactive, ref } from "@vue/composition-api";
+import { defineComponent, inject, computed, ref } from "vue";
 import { createLocalVue, mount, shallowMount } from "@vue/test-utils";
 
 import Tab from "@/app/components/Tabs/Tab.vue";
@@ -9,7 +9,6 @@ import Tabs from "@/app/components/Tabs/Tabs.vue";
 import { TabContextSymbol } from "./useTab";
 
 const localVue = createLocalVue();
-localVue.use(CompositionApi);
 
 const tabContextMock = {
 	state: reactive({
diff --git a/src/renderer/app/components/Tabs/Tabs.vue b/src/renderer/app/components/Tabs/Tabs.vue
index 897084b992..2ca37a5587 100644
--- a/src/renderer/app/components/Tabs/Tabs.vue
+++ b/src/renderer/app/components/Tabs/Tabs.vue
@@ -1,19 +1,14 @@
-<template>
-	<div>
-		<slot></slot>
-	</div>
-</template>
-
 <script lang="ts">
-	import { defineComponent, provide, watch } from "@vue/composition-api";
+	import { defineComponent, provide, watch } from "vue";
 
 	import { TabContextSymbol, useTabContext } from "./useTab";
 
-	const Tabs = defineComponent({
+	export default defineComponent({
 		props: {
 			value: {
 				type: [String, Number],
 				required: false,
+				default: "",
 			},
 		},
 		setup(props, { emit }) {
@@ -24,12 +19,17 @@
 				() => props.value,
 				(id) => id && context?.setCurrentId(id),
 			);
+
 			watch(
 				() => context?.state.currentId,
 				(id) => emit("input", id),
 			);
 		},
 	});
-
-	export default Tabs;
 </script>
+
+<template>
+	<div>
+		<slot></slot>
+	</div>
+</template>
diff --git a/src/renderer/app/components/Tabs/useTab.ts b/src/renderer/app/components/Tabs/useTab.ts
index d45fad5cae..687108c808 100644
--- a/src/renderer/app/components/Tabs/useTab.ts
+++ b/src/renderer/app/components/Tabs/useTab.ts
@@ -1,4 +1,4 @@
-import { computed, InjectionKey, reactive } from "@vue/composition-api";
+import { computed, InjectionKey, reactive } from "vue";
 
 export function useTabContext(options: { initialId?: string | number }) {
 	const state = reactive<{ currentId: string | number | undefined }>({
diff --git a/src/renderer/app/components/Toggle/Toggle.vue b/src/renderer/app/components/Toggle/Toggle.vue
index 137119e0a6..9d624d8f93 100644
--- a/src/renderer/app/components/Toggle/Toggle.vue
+++ b/src/renderer/app/components/Toggle/Toggle.vue
@@ -1,19 +1,5 @@
-<template>
-	<label class="Toggle" :class="{ 'Toggle--checked': inputChecked, 'Toggle--disabled': disabled }">
-		<input type="checkbox" class="Toggle__input sr-only" :checked="model" :disabled="disabled" @change="toggle" />
-		<div
-			aria-hidden="true"
-			class="Toggle__handle inline-flex rounded-full relative h-2 w-10 cursor-pointer bg-gray-300"
-		>
-			<span
-				class="Toggle__handle__inner h-5 w-5 bg-gray-300 rounded-full absolute transform -translate-y-1/2 mt-1 transition transition-colors transition-transform ease-in-out duration-200"
-			></span>
-		</div>
-	</label>
-</template>
-
 <script lang="ts">
-	import { Component, Model, Prop, Vue, Watch } from "vue-property-decorator";
+	import { computed, defineComponent, inject, ref } from "vue";
 
 	@Component({
 		data: (vm: Toggle) => ({
@@ -46,6 +32,20 @@
 	}
 </script>
 
+<template>
+	<label class="Toggle" :class="{ 'Toggle--checked': inputChecked, 'Toggle--disabled': disabled }">
+		<input type="checkbox" class="sr-only Toggle__input" :checked="model" :disabled="disabled" @change="toggle" />
+		<div
+			aria-hidden="true"
+			class="relative inline-flex w-10 h-2 bg-gray-300 rounded-full cursor-pointer Toggle__handle"
+		>
+			<span
+				class="absolute w-5 h-5 mt-1 transition transition-colors transition-transform duration-200 ease-in-out transform -translate-y-1/2 bg-gray-300 rounded-full Toggle__handle__inner"
+			></span>
+		</div>
+	</label>
+</template>
+
 <style lang="postcss" scoped>
 	.Toggle--checked .Toggle__handle__inner {
 		@apply translate-x-full bg-blue-600;
diff --git a/src/renderer/app/router/index.ts b/src/renderer/app/router/index.ts
index cb89e805fe..ce1886628f 100644
--- a/src/renderer/app/router/index.ts
+++ b/src/renderer/app/router/index.ts
@@ -1,11 +1,10 @@
-import Vue from "vue";
-import Router from "vue-router";
+import { createRouter, createWebHistory } from "vue-router";
 
 import { routes } from "@/domain/profile";
 
-Vue.use(Router);
-
-const router = new Router({
+export const router = createRouter({
+	history: createWebHistory(),
+	strict: true,
 	routes: [
 		...routes,
 		{
@@ -14,5 +13,3 @@ const router = new Router({
 		},
 	],
 });
-
-export default router;
diff --git a/src/renderer/app/store/index.ts b/src/renderer/app/store/index.ts
index 84686e37c9..c25efb6b94 100644
--- a/src/renderer/app/store/index.ts
+++ b/src/renderer/app/store/index.ts
@@ -1,10 +1,5 @@
-import Vue from "vue";
-import Vuex from "vuex";
-import { createPersistedState, createSharedMutations } from "vuex-electron";
+import { createStore } from "vuex";
 
-Vue.use(Vuex);
-
-export default new Vuex.Store({
+export const store = createStore({
 	strict: process.env.NODE_ENV !== "production",
-	plugins: [createPersistedState(), createSharedMutations()],
 });
diff --git a/src/renderer/domain/profile/pages/CreateProfile.vue b/src/renderer/domain/profile/pages/CreateProfile.vue
index c73e32f5e8..f991dfa136 100755
--- a/src/renderer/domain/profile/pages/CreateProfile.vue
+++ b/src/renderer/domain/profile/pages/CreateProfile.vue
@@ -1,3 +1,81 @@
+<script lang="ts">
+	import { Enums, Profile } from "@arkecosystem/platform-sdk-profiles";
+	import { CURRENCIES, MARKET_PROVIDERS } from "@config";
+	import { computed, defineComponent, inject, ref } from "vue";
+
+	import { XButton } from "@/app/components/Button";
+	import { FormError } from "@/app/components/Form";
+	import { ListDivided, ListDividedItem } from "@/app/components/ListDivided";
+	import { SvgIcon } from "@/app/components/SvgIcon";
+	import { Toggle } from "@/app/components/Toggle";
+
+	@Component({
+		components: {
+			FormError,
+			ListDivided,
+			ListDividedItem,
+			SvgIcon,
+			Toggle,
+			XButton,
+		},
+	})
+	export default class CreateProfile extends Vue {
+		form = {
+			name: "",
+			marketProvider: "coingecko",
+			currency: "btc",
+			darkTheme: false,
+		};
+
+		created() {
+			this.form.darkTheme =
+				(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) || false;
+		}
+
+		/**
+		 * TODO:
+		 * - support more settings during setup?
+		 * - let user select time locale
+		 * - let user select date locale
+		 * - let user select bip39 locale
+		 */
+		async onSubmit() {
+			const profile: Profile = await this.$profiles.push(this.form.name);
+
+			await profile.settings().set(Enums.ProfileSetting.MarketProvider, this.form.marketProvider);
+			await profile.settings().set(Enums.ProfileSetting.ChartCurrency, this.form.currency);
+			await profile.settings().set(Enums.ProfileSetting.Theme, this.form.darkTheme ? "dark" : "light");
+
+			this.resetForm();
+
+			// TODO: redirect to the onboarding page
+		}
+
+		backToWelcome() {
+			this.resetForm();
+
+			this.$router.push({ name: "profiles.welcome" });
+		}
+
+		get allowedMarketProviders() {
+			return MARKET_PROVIDERS;
+		}
+
+		get allowedCurrencies() {
+			return CURRENCIES;
+		}
+
+		private resetForm() {
+			this.form = {
+				name: "",
+				marketProvider: "coingecko",
+				currency: "btc",
+				darkTheme: false,
+			};
+		}
+	}
+</script>
+
 <template>
 	<div class="w-full h-full bg-white">
 		<div class="px-4 sm:px-6 lg:px-8">
@@ -183,81 +261,3 @@
 		</div>
 	</div>
 </template>
-
-<script lang="ts">
-	import { Enums, Profile } from "@arkecosystem/platform-sdk-profiles";
-	import { CURRENCIES, MARKET_PROVIDERS } from "@config";
-	import { Component, Vue } from "vue-property-decorator";
-
-	import { XButton } from "@/app/components/Button";
-	import { FormError } from "@/app/components/Form";
-	import { ListDivided, ListDividedItem } from "@/app/components/ListDivided";
-	import { SvgIcon } from "@/app/components/SvgIcon";
-	import { Toggle } from "@/app/components/Toggle";
-
-	@Component({
-		components: {
-			FormError,
-			ListDivided,
-			ListDividedItem,
-			SvgIcon,
-			Toggle,
-			XButton,
-		},
-	})
-	export default class CreateProfile extends Vue {
-		form = {
-			name: "",
-			marketProvider: "coingecko",
-			currency: "btc",
-			darkTheme: false,
-		};
-
-		created() {
-			this.form.darkTheme =
-				(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) || false;
-		}
-
-		/**
-		 * TODO:
-		 * - support more settings during setup?
-		 * - let user select time locale
-		 * - let user select date locale
-		 * - let user select bip39 locale
-		 */
-		async onSubmit() {
-			const profile: Profile = await this.$profiles.push(this.form.name);
-
-			await profile.settings().set(Enums.ProfileSetting.MarketProvider, this.form.marketProvider);
-			await profile.settings().set(Enums.ProfileSetting.ChartCurrency, this.form.currency);
-			await profile.settings().set(Enums.ProfileSetting.Theme, this.form.darkTheme ? "dark" : "light");
-
-			this.resetForm();
-
-			// TODO: redirect to the onboarding page
-		}
-
-		backToWelcome() {
-			this.resetForm();
-
-			this.$router.push({ name: "profiles.welcome" });
-		}
-
-		get allowedMarketProviders() {
-			return MARKET_PROVIDERS;
-		}
-
-		get allowedCurrencies() {
-			return CURRENCIES;
-		}
-
-		private resetForm() {
-			this.form = {
-				name: "",
-				marketProvider: "coingecko",
-				currency: "btc",
-				darkTheme: false,
-			};
-		}
-	}
-</script>
diff --git a/src/renderer/domain/profile/pages/ProfileWelcome.vue b/src/renderer/domain/profile/pages/ProfileWelcome.vue
index 25d00d2a64..6c9fb92c93 100644
--- a/src/renderer/domain/profile/pages/ProfileWelcome.vue
+++ b/src/renderer/domain/profile/pages/ProfileWelcome.vue
@@ -1,3 +1,29 @@
+<script lang="ts">
+	import { Profile } from "@arkecosystem/platform-sdk-profiles";
+	import { computed, defineComponent, inject, ref } from "vue";
+
+	import { XButton } from "@/app/components/Button";
+	import { SvgIcon } from "@/app/components/SvgIcon";
+
+	@Component({
+		components: {
+			SvgIcon,
+			XButton,
+		},
+	})
+	export default class ProfileWelcome extends Vue {
+		profiles: Profile[] = [];
+
+		async mounted() {
+			this.profiles = await this.$profiles.all();
+		}
+
+		createProfile() {
+			this.$router.push({ name: "profiles.create" });
+		}
+	}
+</script>
+
 <template>
 	<div class="w-full h-full bg-white">
 		<div class="px-4 sm:px-6 lg:px-8">
@@ -85,29 +111,3 @@
 		</div>
 	</div>
 </template>
-
-<script lang="ts">
-	import { Profile } from "@arkecosystem/platform-sdk-profiles";
-	import { Component, Vue } from "vue-property-decorator";
-
-	import { XButton } from "@/app/components/Button";
-	import { SvgIcon } from "@/app/components/SvgIcon";
-
-	@Component({
-		components: {
-			SvgIcon,
-			XButton,
-		},
-	})
-	export default class ProfileWelcome extends Vue {
-		profiles: Profile[] = [];
-
-		async mounted() {
-			this.profiles = await this.$profiles.all();
-		}
-
-		createProfile() {
-			this.$router.push({ name: "profiles.create" });
-		}
-	}
-</script>
diff --git a/src/renderer/domain/wallet/components/WalletMnemonicList.vue b/src/renderer/domain/wallet/components/WalletMnemonicList.vue
index b2b2eadaf9..1f9429b3b1 100644
--- a/src/renderer/domain/wallet/components/WalletMnemonicList.vue
+++ b/src/renderer/domain/wallet/components/WalletMnemonicList.vue
@@ -1,13 +1,26 @@
+<script lang="ts">
+	import { defineComponent } from "vue";
+
+	export default defineComponent({
+		props: {
+			mnemonic: {
+				type: Array,
+				required: true,
+			},
+		},
+	});
+</script>
+
 <template>
-	<ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 row-gap-5 col-gap-3">
+	<ul class="grid grid-cols-2 row-gap-5 col-gap-3 md:grid-cols-3 lg:grid-cols-4">
 		<li
 			v-for="(word, index) in mnemonic"
 			:key="word"
 			data-testid="WalletMnemonicList__item"
-			class="rounded border border-gray-300 relative px-3 py-3"
+			class="relative px-3 py-3 border border-gray-300 rounded"
 		>
 			<span
-				class="absolute left-0 top-0 transform translate-x-2 -translate-y-2 text-xs px-1 bg-white font-semibold text-gray-600"
+				class="absolute top-0 left-0 px-1 text-xs font-semibold text-gray-600 transform translate-x-2 -translate-y-2 bg-white"
 			>
 				{{ index + 1 }}
 			</span>
@@ -15,12 +28,3 @@
 		</li>
 	</ul>
 </template>
-
-<script lang="ts">
-	import { Component, Prop, Vue } from "vue-property-decorator";
-
-	@Component
-	export default class WalletMnemonicList extends Vue {
-		@Prop({ required: true }) mnemonic!: string[];
-	}
-</script>
diff --git a/src/renderer/main.js b/src/renderer/main.js
index 8b6fd8d862..99b3b626f6 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -1,7 +1,5 @@
 import "reflect-metadata";
-import "./registerComponentHooks";
 
-import CompositionApi from "@vue/composition-api";
 import logger from "electron-log";
 import PortalVue from "portal-vue";
 import VTooltip from "v-tooltip";
@@ -11,8 +9,8 @@ import VueGoodTablePlugin from "vue-good-table";
 
 import App from "@/app/App";
 import { i18n } from "@/app/i18n";
-import router from "@/app/router";
-import store from "@/app/store";
+import { router } from "@/app/router";
+import { store } from "@/app/store";
 import directives from "@/support/directives";
 import filters from "@/support/filters";
 import { mixins } from "@/support/mixins";
@@ -41,7 +39,6 @@ Vue.use(VTooltip, {
 });
 Vue.use(eventBus);
 Vue.use(PortalVue);
-Vue.use(CompositionApi);
 
 // Mixins
 Vue.mixin(mixins);
@@ -51,11 +48,12 @@ const app = new Vue({
 		App,
 	},
 	i18n,
-	router,
-	store,
 	template: "<App/>",
 });
 
 store.$app = app;
 
+app.use(router);
+app.use(store);
+
 app.$mount("#app");
diff --git a/src/renderer/registerComponentHooks.ts b/src/renderer/registerComponentHooks.ts
deleted file mode 100644
index 4f53fc61f5..0000000000
--- a/src/renderer/registerComponentHooks.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Component } from "vue-property-decorator";
-
-Component.registerHooks(["validations"]);
diff --git a/yarn.lock b/yarn.lock
index 56383cb20d..26e60665ef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -509,6 +509,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.1.tgz#2e142c27ca58aa2c7b119d09269b702c8bbad28c"
   integrity sha512-AUTksaz3FqugBkbTZ1i+lDLG5qy8hIzCaAxEtttU6C0BtZZU9pkNZtWSVAht4EW9kl46YBiyTGMp9xTTGqViNg==
 
+"@babel/parser@^7.8.6":
+  version "7.10.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.2.tgz#871807f10442b92ff97e4783b9b54f6a0ca812d0"
+  integrity sha512-PApSXlNMJyB4JiGVhCOlzKIif+TKFTvu0aQAhnTvfP/z3vVSN6ZypH5bfUNwFXXjRQtUEBNFd2PtmCmG2Py3qQ==
+
 "@babel/plugin-proposal-async-generator-functions@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.1.tgz#6911af5ba2e615c4ff3c497fe2f47b35bf6d7e55"
@@ -1112,6 +1117,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.8.6":
+  version "7.10.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.2.tgz#30283be31cad0dbf6fb00bd40641ca0ea675172d"
+  integrity sha512-AD3AwWBSz0AWF0AkCN9VPiWrvldXq+/e3cHa4J89vo4ymjz1XwrBFFVZmkJTsQIPNk+ZVomPSXUJqq8yyjZsng==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.1"
+    lodash "^4.17.13"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -2778,6 +2792,25 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@vue/compiler-core@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.0-beta.14.tgz#69019b5c3da8335e6d83f81b37648caf120dbacd"
+  integrity sha512-VZarslk2r0E8V9Iuu24LPOWuomWV8KgTp3Pmie6Ys+LnIk+G/hme9BwC2jZgmqgF+adwcfmUC5BTi/KbhRVeIw==
+  dependencies:
+    "@babel/parser" "^7.8.6"
+    "@babel/types" "^7.8.6"
+    "@vue/shared" "3.0.0-beta.14"
+    estree-walker "^0.8.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.14.tgz#2ea1c165e06e9630e687a7a5cbde4e8b20b064ac"
+  integrity sha512-wZ2uWo4jvAGD5FPNZYMOxpKEDigLcoPvOGhIAv8H4B6ltDyW54Zfc4RrW5MopJqEcHDDZMpcgGcFN5Qa09sLOg==
+  dependencies:
+    "@vue/compiler-core" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
+
 "@vue/component-compiler-utils@^3.1.0":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
@@ -2794,21 +2827,39 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/composition-api@^0.5.0":
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/@vue/composition-api/-/composition-api-0.5.0.tgz#2dbaa02a5d1f5d0d407d53d5529fe444aa8362f3"
-  integrity sha512-9QDFWq7q839G1CTTaxeruPOTrrVOPSaVipJ2TxxK9QAruePNTHOGbOOFRpc8WLl4YPsu1/c29yBhMVmrXz8BZw==
+"@vue/reactivity@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.0-beta.14.tgz#a041ec24ce2e545583a6a1a42774311c16870a91"
+  integrity sha512-csqLljnM+8OBBAyzeUXGIYJhhph0DLOsHQwJGmz7uc342taW6XSi4MXaLk5MRiigunfmXxEswJGziwsh+4YP3g==
   dependencies:
-    tslib "^1.9.3"
+    "@vue/shared" "3.0.0-beta.14"
 
-"@vue/test-utils@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.0.3.tgz#587c4dd9b424b66022f188c19bc605da2ce91c6f"
-  integrity sha512-mmsKXZSGfvd0bH05l4SNuczZ2MqlJH2DWhiul5wJXFxbf/gRRd2UL4QZgozEMQ30mRi9i4/+p4JJat8S4Js64Q==
+"@vue/runtime-core@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.0-beta.14.tgz#4f8162befd6ad1ac55cc6c142edc8301b090658a"
+  integrity sha512-5WKNMd7lX0vdSMeNd1cF0VhM+N+kXicSXKKZtTfQLUfZt1gLuE3nlBhv1PqjGf79zXw5lQLzz6XoUY1i52rEkA==
   dependencies:
-    dom-event-types "^1.0.0"
-    lodash "^4.17.15"
-    pretty "^2.0.0"
+    "@vue/reactivity" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
+
+"@vue/runtime-dom@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.14.tgz#080e9dd48a95da639f9fcc6d70a2d9620aec6ab8"
+  integrity sha512-nwHvG+IsO0Ttl39NPvQKX2vv5H4XWZVzZCX1rqEIBP3llHyyB9dMrNSPcw54YlPGrEuCwBxVDokHG4CSeVEdtg==
+  dependencies:
+    "@vue/runtime-core" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
+    csstype "^2.6.8"
+
+"@vue/shared@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.0-beta.14.tgz#886afe5c233a5b255c186142324c40f114958af5"
+  integrity sha512-mnK5teJMLzsBE56Kys+uiyR/jAl1kbokHZ++MnlP7ls9icPqZ/QQE/VTDl3QJ7IHteS2VR6ytAz/Aa/4Dpv/ew==
+
+"@vue/test-utils@next":
+  version "2.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-alpha.6.tgz#094ef8bf1234e60628c684d1e24b13ff74131580"
+  integrity sha512-7GaFJve/ljFBzZxhJstg53TlWIZ1hDVHHQnoSbcI32YYkmzZv1rFyMta6hQIAiH+Sel7P9XVfIvb8DTY5u9wEw==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -5488,17 +5539,6 @@ condense-newlines@^0.2.1:
     is-whitespace "^0.3.0"
     kind-of "^3.0.2"
 
-conf@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/conf/-/conf-2.2.0.tgz#ee282efafc1450b61e205372041ad7d866802d9a"
-  integrity sha512-93Kz74FOMo6aWRVpAZsonOdl2I57jKtHrNmxhumehFQw4X8Sk37SohNY11PG7Q8Okta+UnrVaI006WLeyp8/XA==
-  dependencies:
-    dot-prop "^4.1.0"
-    env-paths "^1.0.0"
-    make-dir "^1.0.0"
-    pkg-up "^2.0.0"
-    write-file-atomic "^2.3.0"
-
 config-chain@^1.1.11, config-chain@^1.1.12:
   version "1.1.12"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
@@ -5934,7 +5974,7 @@ cssstyle@^2.2.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^2.2.0, csstype@^2.5.7, csstype@^2.6.7:
+csstype@^2.2.0, csstype@^2.5.7, csstype@^2.6.7, csstype@^2.6.8:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
   integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
@@ -6151,11 +6191,6 @@ deepmerge@1.3.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.3.2.tgz#1663691629d4dbfe364fa12a2a4f0aa86aa3a050"
   integrity sha1-FmNpFinU2/42T6EqKk8KqGqjoFA=
 
-deepmerge@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
-  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
-
 deepmerge@^4.0.0, deepmerge@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
@@ -6461,11 +6496,6 @@ dom-converter@^0.2:
   dependencies:
     utila "~0.4"
 
-dom-event-types@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dom-event-types/-/dom-event-types-1.0.0.tgz#5830a0a29e1bf837fe50a70cd80a597232813cae"
-  integrity sha512-2G2Vwi2zXTHBGqXHsJ4+ak/iP0N8Ar+G8a7LiD2oup5o4sQWytwqqrZu/O6hIMV0KMID2PL69OhpshLO0n7UJQ==
-
 dom-helpers@^5.0.1:
   version "5.1.4"
   resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.1.4.tgz#4609680ab5c79a45f2531441f1949b79d6587f4b"
@@ -6560,13 +6590,6 @@ dot-case@^3.0.3:
     no-case "^3.0.3"
     tslib "^1.10.0"
 
-dot-prop@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
-  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
-  dependencies:
-    is-obj "^1.0.0"
-
 dot-prop@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
@@ -6794,13 +6817,6 @@ electron-publish@22.7.0:
     lazy-val "^1.0.4"
     mime "^2.4.5"
 
-electron-store@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/electron-store/-/electron-store-2.0.0.tgz#1035cca2a95409d1f54c7466606345852450d64a"
-  integrity sha512-1WCFYHsYvZBqDsoaS0Relnz0rd81ZkBAI0Fgx7Nq2UWU77rSNs1qxm4S6uH7TCZ0bV3LQpJFk7id/is/ZgoOPA==
-  dependencies:
-    conf "^2.0.0"
-
 electron-to-chromium@^1.3.247, electron-to-chromium@^1.3.413:
   version "1.3.454"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.454.tgz#9bf7db2cfa90b48a64a1f13111d667bacfcae618"
@@ -6942,11 +6958,6 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.2.tgz#ac74db0bba8d33808bbf36809c3a5c3683531436"
   integrity sha512-dmD3AvJQBUjKpcNkoqr+x+IF0SdRtPz9Vk0uTy4yWqga9ibB6s4v++QFWNohjiUGoMlF552ZvNyXDxz5iW0qmw==
 
-env-paths@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-1.0.0.tgz#4168133b42bb05c38a35b1ae4397c8298ab369e0"
-  integrity sha1-QWgTO0K7BcOKNbGuQ5fIKYqzaeA=
-
 env-paths@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.0.tgz#cdca557dc009152917d6166e2febe1f039685e43"
@@ -7188,14 +7199,15 @@ eslint-plugin-standard@^4.0.1:
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.1.tgz#ff0519f7ffaff114f76d1bd7c3996eef0f6e20b4"
   integrity sha512-v/KBnfyaOMPmZc/dmc6ozOdWqekGp7bBGq4jLAecEfPGmfKiWS4sA8sC0LqiV9w5qmXAtXVn4M3p1jSyhY85SQ==
 
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha512-Nhc+oVAHm0uz/PkJAWscwIT4ijTrK5fqNqz9QB1D35SbbuMG1uB6Yr5AJpvPSWg+WOw7nYNswerYh0kOk64gqQ==
+eslint-plugin-vue@next:
+  version "7.0.0-alpha.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0-alpha.5.tgz#ff592fc2609fa5e089a7a7dc8bbc7e95a3c5f694"
+  integrity sha512-ODTeB/Vr8CUutkS5u55v3Q6RvCd3nHIkk+GpuklRjtlcoopm2DOIQ1rgZLi0Otlh+a0iyGkMW4dlvj7weEEk2w==
   dependencies:
+    eslint-utils "^2.0.0"
     natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.0"
 
 eslint-scope@^4.0.3:
   version "4.0.3"
@@ -7324,6 +7336,11 @@ estraverse@^5.1.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.1.0.tgz#374309d39fd935ae500e7b92e8a6b4c720e59642"
   integrity sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==
 
+estree-walker@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.8.1.tgz#6230ce2ec9a5cb03888afcaf295f97d90aa52b79"
+  integrity sha512-H6cJORkqvrNziu0KX2hqOMAlA2CiuAxHeGJXSIoKA/KLv229Dw806J3II6mKTm5xiDX1At1EXCfsOQPB+tMB+g==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -9581,7 +9598,7 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-obj@^1.0.0, is-obj@^1.0.1:
+is-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
@@ -13049,7 +13066,7 @@ pretty-hrtime@^1.0.3:
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
   integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
 
-pretty@2.0.0, pretty@^2.0.0:
+pretty@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pretty/-/pretty-2.0.0.tgz#adbc7960b7bbfe289a557dc5f737619a220d06a5"
   integrity sha1-rbx5YLe7/iiaVX3F9zdhmiINBqU=
@@ -16494,12 +16511,12 @@ vue-chartjs@^3.5.0:
   resolved "https://registry.yarnpkg.com/vue-chartjs/-/vue-chartjs-3.5.0.tgz#edd0c2be94c521bcbc5357c24afb9f3560855f84"
   integrity sha512-yWNhG3B6g6lvYqNInP0WaDWNZG/SNb6XnltkjR0wYC5pmLm6jvdiotj8er7Mui8qkJGfLZe6ULjrZdHWjegAUg==
 
-vue-class-component@^7.1.0, vue-class-component@^7.2.3:
+vue-class-component@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-7.2.3.tgz#a5b1abd53513a72ad51098752e2dedd499807cca"
   integrity sha512-oEqYpXKaFN+TaXU+mRLEx8dX0ah85aAJEe61mpdoUrq0Bhe/6sWhyZX1JjMQLhVsHAkncyhedhmCdDVSasUtDw==
 
-vue-eslint-parser@^7.0.0:
+vue-eslint-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
   integrity sha512-Kr21uPfthDc63nDl27AGQEhtt9VrZ9nkYk/NTftJ2ws9XiJwzJJCnCr3AITQ2jpRMA0XPGDECxYH8E027qMK9Q==
@@ -16573,13 +16590,6 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
-vue-property-decorator@^8.4.2:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-8.4.2.tgz#016e17f259f73bc547e77a50ce282ba18db4ee41"
-  integrity sha512-IqbARlvgPE2pzKfbecKxsu2yEH0Wv7hfHR6m4eZA3LTnNw9hveAX77vDfLFyTeMISS5N7Kucp/xRSHjcQ6bAfQ==
-  dependencies:
-    vue-class-component "^7.1.0"
-
 vue-qrcode-reader@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/vue-qrcode-reader/-/vue-qrcode-reader-2.3.0.tgz#06dfe1c84b2c29b47fc2f948281703bceacddfcb"
@@ -16595,10 +16605,10 @@ vue-resize@^0.4.5:
   resolved "https://registry.yarnpkg.com/vue-resize/-/vue-resize-0.4.5.tgz#4777a23042e3c05620d9cbda01c0b3cc5e32dcea"
   integrity sha512-bhP7MlgJQ8TIkZJXAfDf78uJO+mEI3CaLABLjv0WNzr4CcGRGPIAItyWYnP6LsPA4Oq0WE+suidNs6dgpO4RHg==
 
-vue-router@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.3.2.tgz#0099de402edb2fe92f9711053ab5a2156f239cad"
-  integrity sha512-5sEbcfb7MW8mY8lbUVbF4kgcipGXsagkM/X+pb6n0MhjP+RorWIUTPAPSqgPaiPOxVCXgAItBl8Vwz8vq78faA==
+vue-router@next:
+  version "4.0.0-alpha.12"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.0-alpha.12.tgz#cba18f0a7fcb577d97c8cd10072a9927313db510"
+  integrity sha512-TJhbWHPZS1v259PKlZf+ljSob0U2RUii3HXQgrcFXsNmeWuqEYEh6trswHHr4+MQdXxHgonyYK28qhBjNhORkA==
 
 vue-select@^3.1.0:
   version "3.10.3"
@@ -16631,23 +16641,19 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^2.6.11:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
-  integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
-
-vuex-electron@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/vuex-electron/-/vuex-electron-1.0.3.tgz#c8ce0fd06ed9d3beb8881bce39bf76c9fcdc5611"
-  integrity sha512-fPv6nQa3yllKHy+8GT/xBMLw95slnLQRAV7Rddr1rNwc369vZvT6j9mQs7easwWgdk/Cnqqcq2Uay1SQE9KahQ==
+vue@next:
+  version "3.0.0-beta.14"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.0-beta.14.tgz#d2c8739e00c4a4a06b519c14c57d204c350c980c"
+  integrity sha512-0MH1g5O3zX8ijvZuiQTYFq3UwHxtj512I/wrMPQLVXwjqb+ILA+fooSpdz4xgUBBl5zN/K9xJIwbl23sv+Sn7A==
   dependencies:
-    deepmerge "^2.1.1"
-    electron-store "^2.0.0"
+    "@vue/compiler-dom" "3.0.0-beta.14"
+    "@vue/runtime-dom" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
 
-vuex@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.4.0.tgz#20cc086062d750769fce1febb34e7fceeaebde45"
-  integrity sha512-ajtqwEW/QhnrBZQsZxCLHThZZaa+Db45c92Asf46ZDXu6uHXgbfVuBaJ4gzD2r4UX0oMJHstFwd2r2HM4l8umg==
+vuex@next:
+  version "4.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.0-beta.2.tgz#8ced720de70e5549a72b0982199cae3ecc687482"
+  integrity sha512-IxLyd/CIyQSF5o6yYGqAOmTTRoXo1lboTPPDvfFr/bib1VCpfgy1G7QBp2u7fwVrxfbEhJ5JYOj6+jQMYFfA0g==
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"
@@ -17046,15 +17052,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-write-file-atomic@^2.3.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"