diff --git a/.gitignore b/.gitignore
index 9a37243..92d767c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,14 +7,15 @@ npm-debug.log
 # Nuxt build
 .nuxt
 
-# Nuxt generate
-dist
-
 # Mac OS
 .DS_Store
 
-# Dist
-assets/build/dists/KawAnime*
-
 # Idea directory
-.idea
\ No newline at end of file
+.idea
+
+# build
+KawAnime*
+dist/mac
+dist/github
+dist/linux-unpacked
+dist/latest.yml
\ No newline at end of file
diff --git a/assets/build/dists/.gitkeep b/dist/.gitkeep
similarity index 100%
rename from assets/build/dists/.gitkeep
rename to dist/.gitkeep
diff --git a/package.json b/package.json
index 9b9c8c2..e7f5da8 100755
--- a/package.json
+++ b/package.json
@@ -4,14 +4,20 @@
   "description": "A Software for Otaku Community.",
   "main": "main.js",
   "repository": "https://github.com/Kylart/KawAnime.git",
-  "author": "Kylart",
+  "author": {
+    "name": "Kylart",
+    "email": "tempMail@mail.com"
+  },
   "license": "MIT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development electron .",
     "build": "nuxt build",
     "start": "electron .",
     "bstart": "nuxt build && npm start",
-    "dist": "nuxt build && node assets/scripts/dist.js"
+    "buildLinux": "build --linux deb AppImage zip tar.gz",
+    "buildWin": "build --win nsis --ia32 x64 appx zip squirrel",
+    "buildMac": "build --mac dmg zip pkg",
+    "buildAll": "nuxt build && npm run buildMac && npm run buildWin && npm run buildLinux && build --armv7l"
   },
   "dependencies": {
     "axios": "^0.16.0",
@@ -29,12 +35,27 @@
     "cross-env": "^3.1.4",
     "devtron": "^1.4.0",
     "electron": "^1.6.2",
-    "electron-installer-debian": "^0.5.1",
-    "electron-installer-dmg": "^0.2.1",
-    "electron-packager": "^8.6.0",
+    "electron-builder": "^17.1.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "tar.gz": "^1.0.5",
     "vue-devtools": "^3.0.8"
+  },
+  "build": {
+    "appId": "KawAnime",
+    "dmg": {
+      "contents": [
+        {
+          "x": 150,
+          "y": 90
+        },
+        {
+          "x": 150,
+          "y": 275,
+          "type": "link",
+          "path": "/Applications"
+        }
+      ]
+    }
   }
 }
diff --git a/pages/watchList.vue b/pages/watchList.vue
index f63e5b9..279aba3 100644
--- a/pages/watchList.vue
+++ b/pages/watchList.vue
@@ -3,7 +3,13 @@
 		<v-row>
 			<v-col xs12>
 				<v-row>
-					<template v-for="item in watchList"></template>
+					<template v-for="item in watchList">
+						<v-col xl3 md4 sm6 xs12
+						       v-ripple="true"
+						       class="elem elevation-3">
+							<h6 class="ellipsis">{{ item }}</h6>
+						</v-col>
+					</template>
 				</v-row>
 			</v-col>
 			<v-col md6 xs12>
@@ -27,21 +33,44 @@
 
       }
     },
-	  computed: {
+    computed: {
       watchList: function () {
-	      return this.$store.state.watchList
+        return this.$store.state.watchList
       },
-		  seen: function () {
+      seen: function () {
         return this.$store.state.seen
-		  },
-		  watching: function () {
+      },
+      watching: function () {
         return this.$store.state.watching
       }
-	  },
+    },
     methods: {}
   }
 </script>
 
-<style>
+<style scoped>
+	h6
+	{
+		margin: 0;
+		color: rgba(255, 255, 255, 0.8);
+	}
 
+	.ellipsis
+	{
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.elem
+	{
+		position: relative;
+		color: rgba(255, 255, 255, 0.8);
+		margin-bottom: 10px;
+	}
+
+	.elem:hover
+	{
+		box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
+	}
 </style>
\ No newline at end of file