From 84b15688f1825297443620044de2816fad1b7239 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:27:00 +0100
Subject: [PATCH 01/11] Get rid of extra method

---
 src/TrackItem.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/TrackItem.vue b/src/TrackItem.vue
index 2edcaa2c..2c0fa5aa 100644
--- a/src/TrackItem.vue
+++ b/src/TrackItem.vue
@@ -1,5 +1,5 @@
 <template>
-	<a :href="href" class="TrackItem" @click="select">
+	<a :href="href" class="TrackItem" @click.prevent="$emit('select')">
 		<p class="TrackItem-title">{{track.title}}</p>
 		<p v-if="track.body" class="TrackItem-body">{{track.body}}</p>
 	</a>
@@ -16,12 +16,6 @@ export default {
 		href: function() {
 			return `https://radio4000.com/${this.channelSlug}/${this.track.id}`
 		}
-	},
-	methods: {
-		select(event) {
-			event.preventDefault()
-			this.$emit('select', this.track)
-		}
 	}
 }
 </script>

From 8eaaf9d0560a9a5e684e09cac84d364a53418ec2 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:27:12 +0100
Subject: [PATCH 02/11] Remove unused slot

---
 src/Radio4000Player.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Radio4000Player.vue b/src/Radio4000Player.vue
index fbcea8a6..7d92174e 100644
--- a/src/Radio4000Player.vue
+++ b/src/Radio4000Player.vue
@@ -2,7 +2,6 @@
 	<div class="Layout">
 		<div class="Layout-header">
 			<channel-header
-				slot="header"
 				:channel="channel"
 				:image="image"
 				:r4Url="r4Url"

From 4eabdf85ac3a9bf2075a6d0accec3679c3b31f99 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:31:21 +0100
Subject: [PATCH 03/11] Update yarn.lock

---
 yarn.lock | 283 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 151 insertions(+), 132 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 7b5aa94b..e8996e7d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1,5 +1,7 @@
 # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 # yarn lockfile v1
+
+
 "@ava/babel-plugin-throws-helper@^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@ava/babel-plugin-throws-helper/-/babel-plugin-throws-helper-2.0.0.tgz#2fc1fe3c211a71071a4eca7b8f7af5842cd1ae7c"
@@ -214,14 +216,14 @@ asn1@~0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
 
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+
 assert-plus@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
 
-assert-plus@^1.0.0, assert-plus@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-
 async-each@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
@@ -230,9 +232,11 @@ async-foreach@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
 
-async-validator@1.6.9:
-  version "1.6.9"
-  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-1.6.9.tgz#a8309daa8b83421cdbd4628e026d6abb25192d34"
+async-validator@^1.8.2, async-validator@~1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-1.8.2.tgz#b77597226e96242f8d531c0d46ae295f62422ba4"
+  dependencies:
+    babel-runtime "6.x"
 
 asynckit@^0.4.0:
   version "0.4.0"
@@ -1015,6 +1019,13 @@ babel-register@^6.24.1:
     mkdirp "^0.5.1"
     source-map-support "^0.4.2"
 
+babel-runtime@6.x:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
 babel-runtime@^6.18.0, babel-runtime@^6.22.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.23.0.tgz#0a9489f144de70efb3ce4300accdb329e2fc543b"
@@ -1299,6 +1310,12 @@ ci-info@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.0.0.tgz#dc5285f2b4e251821683681c381c3388f46ec534"
 
+clean-css@4.1.x:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.7.tgz#b9aea4f85679889cf3eae8b40349ec4ebdfdd032"
+  dependencies:
+    source-map "0.5.x"
+
 clean-css@^3.3.0:
   version "3.4.28"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-3.4.28.tgz#bf1945e82fc808f55695e6ddeaec01400efd03ff"
@@ -1306,12 +1323,6 @@ clean-css@^3.3.0:
     commander "2.8.x"
     source-map "0.4.x"
 
-clean-css@4.1.x:
-  version "4.1.7"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.7.tgz#b9aea4f85679889cf3eae8b40349ec4ebdfdd032"
-  dependencies:
-    source-map "0.5.x"
-
 clean-stack@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-1.3.0.tgz#9e821501ae979986c46b1d66d2d432db2fd4ae31"
@@ -1341,7 +1352,7 @@ cli-truncate@^1.0.0:
     slice-ansi "0.0.4"
     string-width "^2.0.0"
 
-clipboard@^1.5.5:
+clipboard@^1.7.1:
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-1.7.1.tgz#360d6d6946e99a7a1fef395e42ba92b5e9b5a16b"
   dependencies:
@@ -1409,21 +1420,21 @@ combined-stream@^1.0.5, combined-stream@~1.0.5:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.8.1:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563"
+commander@2.8.x:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.8.1.tgz#06be367febfda0c330aa1e2a072d3dc9762425d4"
+  dependencies:
+    graceful-readlink ">= 1.0.0"
 
-commander@~2.9.0, commander@2.9.x:
+commander@2.9.x, commander@~2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@2.8.x:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.8.1.tgz#06be367febfda0c330aa1e2a072d3dc9762425d4"
-  dependencies:
-    graceful-readlink ">= 1.0.0"
+commander@^2.8.1:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563"
 
 common-path-prefix@^1.0.0:
   version "1.0.0"
@@ -1572,7 +1583,7 @@ cssesc@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
 
-"cssom@>= 0.3.2 < 0.4.0", cssom@0.3.x:
+cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.2.tgz#b8036170c79f07a90ff2f16e22284027a243848b"
 
@@ -1666,9 +1677,9 @@ doctypes@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
 
-document-register-element@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/document-register-element/-/document-register-element-1.5.0.tgz#a91bc20afd9340d50cdb6a493afaf10932c12e00"
+document-register-element@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/document-register-element/-/document-register-element-1.7.0.tgz#d971b62755294b94fcd658b1d8533b0366c852e9"
 
 dom-serializer@0:
   version "0.1.0"
@@ -1677,7 +1688,7 @@ dom-serializer@0:
     domelementtype "~1.1.1"
     entities "~1.1.1"
 
-domelementtype@^1.3.0, domelementtype@1:
+domelementtype@1, domelementtype@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.0.tgz#b17aed82e8ab59e52dd9c19b1756e0fc187204c2"
 
@@ -1722,11 +1733,11 @@ electron-to-chromium@^1.3.15:
   version "1.3.16"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.16.tgz#d0e026735754770901ae301a21664cba45d92f7d"
 
-element-ui@^1.3.6:
-  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/element-ui/-/element-ui-1.3.7.tgz#ed6e2e371b767fd7b8a8015dc284e4af5e940026"
+element-ui@^2.0.8:
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/element-ui/-/element-ui-2.0.10.tgz#32f7101ce63565b14000bc9841b31d7ba41395eb"
   dependencies:
-    async-validator "1.6.9"
+    async-validator "~1.8.1"
     babel-helper-vue-jsx-merge-props "^2.0.0"
     deepmerge "^1.2.0"
     throttle-debounce "^1.0.1"
@@ -1766,9 +1777,9 @@ es6-error@^4.0.1, es6-error@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.0.2.tgz#eec5c726eacef51b7f6b73c20db6e1b13b069c98"
 
-es6-promise@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.1.1.tgz#8811e90915d9a0dba36274f0b242dbda78f9c92a"
+es6-promise@^4.1.1:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.2.tgz#f722d7769af88bd33bc13ec6605e1f92966b82d9"
 
 escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.4, escape-string-regexp@^1.0.5:
   version "1.0.5"
@@ -2065,25 +2076,25 @@ glob-parent@^2.0.0:
   dependencies:
     is-glob "^2.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@~7.1.1:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
+glob@7.0.x:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
     inherits "2"
-    minimatch "^3.0.4"
+    minimatch "^3.0.2"
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@7.0.x:
-  version "7.0.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@~7.1.1:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
     inherits "2"
-    minimatch "^3.0.2"
+    minimatch "^3.0.4"
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
@@ -2221,7 +2232,7 @@ hawk@~6.0.2:
     hoek "4.x.x"
     sntp "2.x.x"
 
-he@^1.1.0, he@1.1.x:
+he@1.1.x, he@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
 
@@ -2313,7 +2324,7 @@ iconv-lite@0.4.13:
   version "0.4.13"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
 
-icss-replace-symbols@^1.0.2, icss-replace-symbols@^1.1.0, icss-replace-symbols@1.1.0:
+icss-replace-symbols@1.1.0, icss-replace-symbols@^1.0.2, icss-replace-symbols@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
 
@@ -2365,7 +2376,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.3, inherits@2:
+inherits@2, inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
 
@@ -2564,7 +2575,7 @@ is-utf8@^0.2.0, is-utf8@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
 
-isarray@~1.0.0, isarray@1.0.0:
+isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
 
@@ -3008,21 +3019,21 @@ minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.1.3, minimist@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-
 minimist@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-mkdirp@^0.5.0, mkdirp@^0.5.1, "mkdirp@>=0.5 0", mkdirp@0.5.x:
+minimist@^1.1.3, minimist@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+
+mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   dependencies:
     minimist "0.0.8"
 
-ms@^2.0.0, ms@2.0.0:
+ms@2.0.0, ms@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
 
@@ -3106,6 +3117,12 @@ node-sass@^4.5.0:
     sass-graph "^2.1.1"
     stdout-stream "^1.4.0"
 
+"nopt@2 || 3":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
+  dependencies:
+    abbrev "1"
+
 nopt@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@@ -3113,12 +3130,6 @@ nopt@^4.0.1:
     abbrev "1"
     osenv "^0.1.4"
 
-"nopt@2 || 3":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
-  dependencies:
-    abbrev "1"
-
 normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
@@ -3140,7 +3151,7 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
-npmlog@^4.0.0, npmlog@^4.0.2, "npmlog@0 || 1 || 2 || 3 || 4":
+"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
   dependencies:
@@ -3232,7 +3243,7 @@ os-tmpdir@^1.0.0, os-tmpdir@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
 
-osenv@^0.1.4, osenv@0:
+osenv@0, osenv@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644"
   dependencies:
@@ -3425,14 +3436,14 @@ postcss-modules-extract-imports@1.1.0:
   dependencies:
     postcss "^6.0.1"
 
-postcss-modules-local-by-default@^1.1.1, postcss-modules-local-by-default@1.2.0:
+postcss-modules-local-by-default@1.2.0, postcss-modules-local-by-default@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
   dependencies:
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
 
-postcss-modules-scope@^1.0.2, postcss-modules-scope@1.1.0:
+postcss-modules-scope@1.1.0, postcss-modules-scope@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
   dependencies:
@@ -3474,6 +3485,14 @@ postcss-selector-parser@^2.2.3:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss@6.0.1, postcss@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
+  dependencies:
+    chalk "^1.1.3"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
 postcss@^5.2.11, postcss@^5.2.8:
   version "5.2.17"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.17.tgz#cf4f597b864d65c8a492b2eabe9d706c879c388b"
@@ -3492,14 +3511,6 @@ postcss@^5.2.5:
     source-map "^0.5.6"
     supports-color "^3.2.3"
 
-postcss@^6.0.1, postcss@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
-  dependencies:
-    chalk "^1.1.3"
-    source-map "^0.5.6"
-    supports-color "^3.2.3"
-
 postcss@^6.0.11:
   version "6.0.14"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.14.tgz#5534c72114739e75d0afcf017db853099f562885"
@@ -3557,11 +3568,11 @@ pretty-ms@^3.0.0:
     parse-ms "^1.0.0"
     plur "^2.1.2"
 
-prismjs@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.6.0.tgz#118d95fb7a66dba2272e343b345f5236659db365"
+prismjs@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.9.0.tgz#fa3e2d9edc3c3887c1f1f3095d41f1f9b4200f0f"
   optionalDependencies:
-    clipboard "^1.5.5"
+    clipboard "^1.7.1"
 
 private@^0.1.6:
   version "0.1.7"
@@ -3780,6 +3791,10 @@ regenerator-runtime@^0.10.0:
   version "0.10.5"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
 
+regenerator-runtime@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
+
 regenerator-transform@0.9.11:
   version "0.9.11"
   resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283"
@@ -3876,7 +3891,7 @@ request-promise-native@^1.0.3:
     stealthy-require "^1.1.0"
     tough-cookie ">=2.3.0"
 
-request@^2.72.0, request@^2.79.0, request@^2.81.0, request@2:
+request@2, request@^2.72.0, request@^2.79.0, request@^2.81.0:
   version "2.81.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
   dependencies:
@@ -3984,6 +3999,10 @@ resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
 
+resolve@1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+
 resolve@^1.1.6:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.3.tgz#655907c3469a8680dc2de3a275a8fdd69691f0e5"
@@ -3996,10 +4015,6 @@ resolve@^1.4.0:
   dependencies:
     path-parse "^1.0.5"
 
-resolve@1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -4013,7 +4028,7 @@ right-align@^0.1.1:
   dependencies:
     align-text "^0.1.1"
 
-rimraf@^2.5.1, rimraf@^2.6.1, rimraf@2:
+rimraf@2, rimraf@^2.5.1, rimraf@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
   dependencies:
@@ -4151,14 +4166,14 @@ sass-graph@^2.1.1:
     scss-tokenizer "^0.2.3"
     yargs "^7.0.0"
 
-sax@^1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-
 sax@0.5.x:
   version "0.5.8"
   resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
 
+sax@^1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+
 scss-tokenizer@^0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
@@ -4176,7 +4191,7 @@ semver-diff@^2.0.0:
   dependencies:
     semver "^5.0.3"
 
-semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0, "semver@2 || 3 || 4 || 5":
+"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
 
@@ -4252,13 +4267,19 @@ source-map-support@^0.4.0, source-map-support@^0.4.2:
   dependencies:
     source-map "^0.5.6"
 
-source-map@^0.4.2, source-map@0.4.x:
+source-map@0.1.x:
+  version "0.1.43"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@0.4.x, source-map@^0.4.2:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
   dependencies:
     amdefine ">=0.0.4"
 
-source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@0.5.x:
+source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
 
@@ -4270,12 +4291,6 @@ source-map@~0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
-source-map@0.1.x:
-  version "0.1.43"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
-  dependencies:
-    amdefine ">=0.0.4"
-
 spdx-correct@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
@@ -4322,12 +4337,6 @@ stealthy-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
 
-string_decoder@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
-  dependencies:
-    safe-buffer "~5.1.0"
-
 string-hash@^1.1.0, string-hash@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/string-hash/-/string-hash-1.1.3.tgz#e8aafc0ac1855b4666929ed7dd1275df5d6c811b"
@@ -4347,6 +4356,12 @@ string-width@^2.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
+string_decoder@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
+  dependencies:
+    safe-buffer "~5.1.0"
+
 stringstream@~0.0.4, stringstream@~0.0.5:
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
@@ -4513,18 +4528,18 @@ token-stream@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-0.0.1.tgz#ceeefc717a76c4316f126d0b9dbaa55d7e7df01a"
 
-tough-cookie@^2.3.3, tough-cookie@~2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.3.tgz#0b618a5565b6dea90bf3425d04d55edc475a7561"
-  dependencies:
-    punycode "^1.4.1"
-
 tough-cookie@>=2.3.0, tough-cookie@~2.3.0:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.2.tgz#f081f76e4c85720e6c37a5faced737150d84072a"
   dependencies:
     punycode "^1.4.1"
 
+tough-cookie@^2.3.3, tough-cookie@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.3.tgz#0b618a5565b6dea90bf3425d04d55edc475a7561"
+  dependencies:
+    punycode "^1.4.1"
+
 tr46@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
@@ -4559,6 +4574,13 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
+uglify-js@3.0.x:
+  version "3.0.25"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.0.25.tgz#3dc190b0ee437497e449bc6f785665b06afbe052"
+  dependencies:
+    commander "~2.9.0"
+    source-map "~0.5.1"
+
 uglify-js@^2.6.1:
   version "2.8.29"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
@@ -4568,13 +4590,6 @@ uglify-js@^2.6.1:
   optionalDependencies:
     uglify-to-browserify "~1.0.0"
 
-uglify-js@3.0.x:
-  version "3.0.25"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.0.25.tgz#3dc190b0ee437497e449bc6f785665b06afbe052"
-  dependencies:
-    commander "~2.9.0"
-    source-map "~0.5.1"
-
 uglify-to-browserify@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
@@ -4680,21 +4695,22 @@ void-elements@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
 
-vue-custom-element@^1.1.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/vue-custom-element/-/vue-custom-element-1.2.1.tgz#755154f019b32ddf788d81a34544c9c85978dae8"
+vue-custom-element@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/vue-custom-element/-/vue-custom-element-2.0.0.tgz#d727412862e3085efe9dc090ab30e621f01d8483"
   dependencies:
-    document-register-element "^1.5.0"
-    element-ui "^1.3.6"
-    es6-promise "^4.1.0"
-    prismjs "^1.6.0"
+    async-validator "^1.8.2"
+    document-register-element "^1.7.0"
+    element-ui "^2.0.8"
+    es6-promise "^4.1.1"
+    prismjs "^1.9.0"
     set-prototype-of "^1.0.0"
-    vue "^2.3.4"
-    vue-router "^2.5.3"
+    vue "^2.5.9"
+    vue-router "^3.0.1"
 
-vue-router@^2.5.3:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-2.7.0.tgz#16d424493aa51c3c8cce8b7c7210ea4c3a89aff1"
+vue-router@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.0.1.tgz#d9b05ad9c7420ba0f626d6500d693e60092cc1e9"
 
 vue-template-compiler@*, vue-template-compiler@^2.2.0:
   version "2.4.2"
@@ -4713,10 +4729,14 @@ vue-template-validator@^1.1.5:
   dependencies:
     chalk "^1.1.1"
 
-vue@^2.3.4, vue@^2.4.2:
+vue@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.4.2.tgz#a9855261f191c978cc0dc1150531b8d08149b58c"
 
+vue@^2.5.9:
+  version "2.5.13"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.13.tgz#95bd31e20efcf7a7f39239c9aa6787ce8cf578e1"
+
 webidl-conversions@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.1.tgz#8015a17ab83e7e1b311638486ace81da6ce206a0"
@@ -4747,7 +4767,7 @@ which-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
 
-which@^1.2.9, which@1:
+which@1, which@^1.2.9:
   version "1.2.14"
   resolved "https://registry.yarnpkg.com/which/-/which-1.2.14.tgz#9a87c4378f03e827cecaf1acdf56c736c01c14e5"
   dependencies:
@@ -4782,14 +4802,14 @@ with@^5.0.0:
     acorn "^3.1.0"
     acorn-globals "^3.0.0"
 
-wordwrap@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-
 wordwrap@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
 
+wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
@@ -4906,4 +4926,3 @@ youtube-player@^5.4.0:
     debug "^2.6.6"
     load-script "^1.0.0"
     sister "^3.0.0"
-

From 1f704636b6724a21c50e1fbc5dd95af90d2912d1 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:32:35 +0100
Subject: [PATCH 04/11] Consistent function syntax

---
 src/PlayerData.vue      | 15 ++++++++-------
 src/ProviderPlayer.vue  |  2 +-
 src/Radio4000Player.vue | 10 +++++-----
 src/TrackItem.vue       |  2 +-
 4 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/PlayerData.vue b/src/PlayerData.vue
index 0135b5e3..2bd49f9b 100644
--- a/src/PlayerData.vue
+++ b/src/PlayerData.vue
@@ -76,27 +76,28 @@
 			}
 		},
 		watch: {
-			channelSlug: function (slug) {
+			channelSlug(slug) {
 				this.loadChannelBySlug(slug)
 			},
-			channelId: function (id) {
+			channelId(id) {
 				this.loadChannelById(id)
 			},
-			trackId: function (id) {
+			trackId(id) {
 				this.loadChannelByTrack(id)
 			}
 		},
 		computed: {
 			localVolume: {
-				get: function() {
+				get() {
 					return this.volume
 				},
-				set: function(volume) {
-					this.$root.$el.parentNode.volume = volume;
+				set(volume) {
+					const el = this.$root.$el.parentNode
+					el.setAttribute('volume', volume)
 				}
 			},
 			// When either of these is set, it means we can load and show the player.
-			canLoad: function() {
+			canLoad() {
 				return this.channel || this.channelSlug || this.channelId || this.trackId
 			}
 		},
diff --git a/src/ProviderPlayer.vue b/src/ProviderPlayer.vue
index 30e16cc5..45f0bc6f 100644
--- a/src/ProviderPlayer.vue
+++ b/src/ProviderPlayer.vue
@@ -27,7 +27,7 @@ export default {
 		volume: Number
 	},
 	computed: {
-		provider: function() {
+		provider() {
 			if (this.track && this.track.ytid) return 'youtube'
 			return undefined
 		}
diff --git a/src/Radio4000Player.vue b/src/Radio4000Player.vue
index 7d92174e..a076afa8 100644
--- a/src/Radio4000Player.vue
+++ b/src/Radio4000Player.vue
@@ -88,10 +88,10 @@ export default {
 	},
 	computed: {
 		isMuted: {
-			get: function() {
+			get() {
 				return this.volume === 0
 			},
-			set: function(newValue) {
+			set(newValue) {
 				if (newValue) {
 					this.$root.$emit('setVolume', 0)
 				} else {
@@ -104,13 +104,13 @@ export default {
 		}
 	},
 	watch: {
-		shuffle: function(shuffle) {
+		shuffle(shuffle) {
 			this.isShuffle = shuffle
 		},
-		originTrack: function(track) {
+		originTrack(track) {
 			this.playTrack(track)
 		},
-		tracks: function(tracks) {
+		tracks(tracks) {
 			this.newTracksPool()
 			const noTrack = Object.keys(this.currentTrack).length === 0
 			if (noTrack) this.playNextTrack()
diff --git a/src/TrackItem.vue b/src/TrackItem.vue
index 2c0fa5aa..792abf81 100644
--- a/src/TrackItem.vue
+++ b/src/TrackItem.vue
@@ -13,7 +13,7 @@ export default {
 		channelSlug: String
 	},
 	computed: {
-		href: function() {
+		href() {
 			return `https://radio4000.com/${this.channelSlug}/${this.track.id}`
 		}
 	}

From f9548b4d8cdbb7e7b0e71fbc02823578ec080d1f Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:32:58 +0100
Subject: [PATCH 05/11] Remove unused mute/unmute handlers

---
 src/ProviderPlayer.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/ProviderPlayer.vue b/src/ProviderPlayer.vue
index 45f0bc6f..4f865049 100644
--- a/src/ProviderPlayer.vue
+++ b/src/ProviderPlayer.vue
@@ -39,12 +39,6 @@ export default {
 		pauseProvider() {
 			this.$emit('pause')
 		},
-		muteProvider() {
-			this.$emit('mute')
-		},
-		unMuteProvider() {
-			this.$emit('unMute')
-		},
 		trackEnded() {
 			this.$emit('trackEnded')
 		}

From 3779bcb66733430a1dc6175a668897400d9a630f Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:33:27 +0100
Subject: [PATCH 06/11] Use more inline emit handlers

---
 src/ProviderPlayer.vue | 17 +++--------------
 src/TrackList.vue      |  5 +----
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/src/ProviderPlayer.vue b/src/ProviderPlayer.vue
index 4f865049..3b17db8f 100644
--- a/src/ProviderPlayer.vue
+++ b/src/ProviderPlayer.vue
@@ -6,9 +6,9 @@
 			:autoplay="autoplay"
 			:videoId="track.ytid"
 			:isPlaying="isPlaying"
-			@playing="playProvider"
-			@paused="pauseProvider"
-			@ended="trackEnded"></youtube-player>
+			@playing="$emit('play')"
+			@paused="$emit('pause')"
+			@ended="$emit('trackEnded')"></youtube-player>
 	</div>
 </template>
 
@@ -31,17 +31,6 @@ export default {
 			if (this.track && this.track.ytid) return 'youtube'
 			return undefined
 		}
-	},
-	methods: {
-		playProvider() {
-			this.$emit('play')
-		},
-		pauseProvider() {
-			this.$emit('pause')
-		},
-		trackEnded() {
-			this.$emit('trackEnded')
-		}
 	}
 }
 </script>
diff --git a/src/TrackList.vue b/src/TrackList.vue
index 900084af..d4d467bb 100644
--- a/src/TrackList.vue
+++ b/src/TrackList.vue
@@ -8,7 +8,7 @@
 					:track="track"
 					:channelSlug="channelSlug"
 					:class="{active : currentTrackIndex === index}"
-					@select="select"></track-item>
+					@select="$emit('select', track)"></track-item>
 			</li>
 		</ol>
 		<div v-if="tracks && tracks.length" class="TrackList-controls">
@@ -39,9 +39,6 @@ export default {
 		}
 	},
 	methods: {
-		select(track) {
-			this.$emit('select', track)
-		},
 		locateCurrentTrack() {
 			if (isNaN(this.currentTrackIndex)) return
 			const container = this.$el.querySelector('.TrackList-list');

From 2fb54d26e0641f5259a0b98e92f3a50a25899ae1 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:34:01 +0100
Subject: [PATCH 07/11] One less duplication

---
 src/TrackList.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/TrackList.vue b/src/TrackList.vue
index d4d467bb..9643b586 100644
--- a/src/TrackList.vue
+++ b/src/TrackList.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="TrackList">
-		<Loading v-if="!tracks || !tracks.length"></Loading>
+		<Loading v-if="!hasTracks"></Loading>
+
 		<ol class="TrackList-list">
 			<li v-if="query" class="TrackList-query">Playing selection <em>"{{query}}"</em></li>
 			<li v-for="(track, index) in tracks" :key="track.id" class="TrackList-item">
@@ -11,7 +12,8 @@
 					@select="$emit('select', track)"></track-item>
 			</li>
 		</ol>
-		<div v-if="tracks && tracks.length" class="TrackList-controls">
+
+		<div v-if="hasTracks" class="TrackList-controls">
 			<button class="Btn Btn--locateTrack" title="Locate current track" @click="locateCurrentTrack">◎</button>
 		</div>
 	</div>
@@ -33,6 +35,11 @@ export default {
 		Loading,
 		TrackItem
 	},
+	computed: {
+		hasTracks() {
+			return this.tracks && this.tracks.length > 0
+		}
+	},
 	watch: {
 		tracks() {
 			this.$nextTick(this.locateCurrentTrack)

From 81100bdf16faed29a6aaf9f5886413dd6694f240 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:37:26 +0100
Subject: [PATCH 08/11] Formatting

---
 src/ChannelHeader.vue        |  2 +-
 src/PlayPauseButton.vue      | 74 ++++++++++++++++++------------------
 src/PlayerControls.vue       |  6 +--
 src/Radio4000Player.vue      |  2 +-
 src/TrackItem.vue            |  8 ++--
 src/TrackList.vue            | 12 ++++--
 src/utils/shuffle-helpers.js | 18 ++++-----
 7 files changed, 62 insertions(+), 60 deletions(-)

diff --git a/src/ChannelHeader.vue b/src/ChannelHeader.vue
index 55843742..17437b98 100644
--- a/src/ChannelHeader.vue
+++ b/src/ChannelHeader.vue
@@ -48,7 +48,7 @@ export default {
 			return this.r4Url ? '_self' : '_blank'
 		},
 		channelDescription() {
-			const { title = '', slug = '', body = ''} = this.channel;
+			const { title = '', slug = '', body = ''} = this.channel
 			return `[ ${title}, @${slug} ] ${body}`
 		}
 	}
diff --git a/src/PlayPauseButton.vue b/src/PlayPauseButton.vue
index 387fb45d..cf07610d 100644
--- a/src/PlayPauseButton.vue
+++ b/src/PlayPauseButton.vue
@@ -35,60 +35,60 @@ export default {
 	display: flex;
 }
 .PlayPause::-moz-selection {
-  background-color: transparent;
+	background-color: transparent;
 }
 .PlayPause::selection {
-  background-color: transparent;
+	background-color: transparent;
 }
 .PlayPause-state {
-  width: 0;
-  height: 0;
-  border: none;
-  visibility: hidden;
-  margin: 0;
-  position: absolute;
+	width: 0;
+	height: 0;
+	border: none;
+	visibility: hidden;
+	margin: 0;
+	position: absolute;
 }
 .PlayPause-label {
-	flex: 1;	
-  display: flex;
+	flex: 1;
+	display: flex;
 }
 .PlayPause-controller {
-  display: inline-block;
-  position: relative;
-  font-size: 16px;
-  width: 1em;
-  height: 1.2em;
-  padding: 0;
-  margin: auto;
+	display: inline-block;
+	position: relative;
+	font-size: 16px;
+	width: 1em;
+	height: 1.2em;
+	padding: 0;
+	margin: auto;
 }
 .PlayPause-controller::before,
 .PlayPause-controller::after {
-  box-sizing: content-box;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-bottom: 0.3em solid transparent;
-  border-left: 0.5em solid black;
+	box-sizing: content-box;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	content: "";
+	border-top: 0.3em solid transparent;
+	border-bottom: 0.3em solid transparent;
+	border-left: 0.5em solid black;
 }
 .PlayPause-controller::before {
-  left: 0;
-  transition: all 100ms linear;
-  width: 0;
-  height: 0.6em;
+	left: 0;
+	transition: all 100ms linear;
+	width: 0;
+	height: 0.6em;
 }
 .PlayPause-controller::after {
-  right: 0;
-  transition: all 150ms linear;
-  width: 0;
-  height: 0;
+	right: 0;
+	transition: all 150ms linear;
+	width: 0;
+	height: 0;
 }
 .PlayPause-state:checked + .PlayPause-label .PlayPause-controller::before,
 .PlayPause-state:checked + .PlayPause-label .PlayPause-controller::after {
-  border-top-width: 0;
-  border-bottom-width: 0;
-  border-left-width: 0.38em;
-  height: 100%;
+	border-top-width: 0;
+	border-bottom-width: 0;
+	border-left-width: 0.38em;
+	height: 100%;
 }
 </style>
diff --git a/src/PlayerControls.vue b/src/PlayerControls.vue
index 84a30b8a..1edd2e92 100644
--- a/src/PlayerControls.vue
+++ b/src/PlayerControls.vue
@@ -21,7 +21,7 @@
 			</button>
 		</div>
 		<div class="PlayerControl-group PlayerControl-group--large">
-			<PlayPauseButton 
+			<PlayPauseButton
 				class="Btn"
 				:isPlaying="isPlaying"
 				@play="$emit('play')"
@@ -42,7 +42,7 @@ import PlayPauseButton from './PlayPauseButton.vue'
 export default {
 	name: 'player-controls',
 	components: {PlayPauseButton},
-	props: { 
+	props: {
 		volume: Number,
 		isPlaying: Boolean,
 		isDisabled: Boolean,
@@ -50,7 +50,7 @@ export default {
 		isShuffle: Boolean
 	},
 	computed: {
-		isNotFullVolume: function() {
+		isNotFullVolume() {
 			return this.volume < 100
 		}
 	}
diff --git a/src/Radio4000Player.vue b/src/Radio4000Player.vue
index a076afa8..c1e5f932 100644
--- a/src/Radio4000Player.vue
+++ b/src/Radio4000Player.vue
@@ -118,7 +118,7 @@ export default {
 	},
 	methods: {
 		playTrack(track) {
-			const previousTrack = this.currentTrack;
+			const previousTrack = this.currentTrack
 			this.currentTrack = track
 			this.$emit('trackChanged', {
 				track,
diff --git a/src/TrackItem.vue b/src/TrackItem.vue
index 792abf81..7976143c 100644
--- a/src/TrackItem.vue
+++ b/src/TrackItem.vue
@@ -8,7 +8,7 @@
 <script>
 export default {
 	name: 'track-item',
-	props: { 
+	props: {
 		track: Object,
 		channelSlug: String
 	},
@@ -23,12 +23,10 @@ export default {
 <style scoped>
 	.TrackItem {
 		display: block;
-		width: 100%;
 		padding: 0.4em 0.6em;
-		cursor: pointer;
-    color: initial;
+		color: initial;
 		text-decoration: none;
-  }
+	}
 	.TrackItem-title,
 	.TrackItem-body {
 		margin: 0;
diff --git a/src/TrackList.vue b/src/TrackList.vue
index 9643b586..bf5b8131 100644
--- a/src/TrackList.vue
+++ b/src/TrackList.vue
@@ -3,7 +3,9 @@
 		<Loading v-if="!hasTracks"></Loading>
 
 		<ol class="TrackList-list">
-			<li v-if="query" class="TrackList-query">Playing selection <em>"{{query}}"</em></li>
+			<li v-if="query" class="TrackList-query">
+				Playing selection <em>"{{query}}"</em>
+			</li>
 			<li v-for="(track, index) in tracks" :key="track.id" class="TrackList-item">
 				<track-item
 					:track="track"
@@ -16,12 +18,14 @@
 		<div v-if="hasTracks" class="TrackList-controls">
 			<button class="Btn Btn--locateTrack" title="Locate current track" @click="locateCurrentTrack">◎</button>
 		</div>
+
 	</div>
 </template>
 
 <script>
 import TrackItem from './TrackItem.vue'
 import Loading from './Loading.vue'
+
 export default {
 	name: 'track-list',
 	props: {
@@ -41,6 +45,7 @@ export default {
 		}
 	},
 	watch: {
+		// When the `tracks` array is changed, scroll to current track.
 		tracks() {
 			this.$nextTick(this.locateCurrentTrack)
 		}
@@ -48,8 +53,8 @@ export default {
 	methods: {
 		locateCurrentTrack() {
 			if (isNaN(this.currentTrackIndex)) return
-			const container = this.$el.querySelector('.TrackList-list');
-			const tracks = this.$el.querySelectorAll('li');
+			const container = this.$el.querySelector('.TrackList-list')
+			const tracks = this.$el.querySelectorAll('li')
 			const activeTrack = tracks[this.currentTrackIndex]
 			if (!activeTrack) return
 			container.scrollTop = activeTrack.offsetTop - 4
@@ -90,7 +95,6 @@ export default {
 		background-color: hsla(0, 0%, 50%, 0.2);
 		padding: 0.5em;
 		font-size: 0.75em;
-		/*color: #737373;*/
 		text-align: center;
 	}
 	.TrackList-controls {
diff --git a/src/utils/shuffle-helpers.js b/src/utils/shuffle-helpers.js
index 15da1a8c..3fe72b97 100644
--- a/src/utils/shuffle-helpers.js
+++ b/src/utils/shuffle-helpers.js
@@ -1,27 +1,27 @@
 // Return a random index from an array
 export function getRandomIndex(array) {
-	return Math.floor(Math.random() * array.length);
+	return Math.floor(Math.random() * array.length)
 }
 
 // Takes an array and returns a shuffled version.
 // It uses this algorithm: http://bost.ocks.org/mike/shuffle/
 export function shuffleArray(array) {
 	// Return a new array.
-	array = array.slice();
+	array = array.slice()
 
-	let m = array.length;
-	let t;
-	let i;
+	let m = array.length
+	let t
+	let i
 
 	// While there remain elements to shuffle…
 	while (m) {
 		// Pick a remaining element…
-		i = Math.floor(Math.random() * m--);
+		i = Math.floor(Math.random() * m--)
 
 		// And swap it with the current element.
-			t = array[m];
-		array[m] = array[i];
-		array[i] = t;
+			t = array[m]
+		array[m] = array[i]
+		array[i] = t
 	}
 	return array;
 }

From dbf0924cb95581d7334af9f32570f6f150cf405f Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:37:42 +0100
Subject: [PATCH 09/11] Change default radio

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b1267a30..2c783da7 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 <body>
 
 	<!-- There are three different ways to start playing: -->
-	<radio4000-player channel-slug="oskar"></radio4000-player>
+	<radio4000-player channel-slug="200ok"></radio4000-player>
 	<!-- <radio4000-player track-id="-KdVUsr70yYdIoBDmL43"></radio4000-player> -->
 	<!-- <radio4000-player channel-slug="oskar"></radio4000-player> -->
 	<!-- <radio4000-player channel-id="-KFzPXLNzmKjPGwyY-xx"></radio4000-player> -->

From b66e1559de22c08498089353072a0205db1f4d6e Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:37:57 +0100
Subject: [PATCH 10/11] Add border-radius to locate button

---
 src/TrackList.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/TrackList.vue b/src/TrackList.vue
index bf5b8131..f66421e0 100644
--- a/src/TrackList.vue
+++ b/src/TrackList.vue
@@ -112,5 +112,6 @@ export default {
 		margin: 0;
 		line-height: 1;
 		border: 1px solid #999;
+		border-radius: 3px;
 	}
 </style>

From c321855bb2f0a0aa61368d9cb5f813d8dced5a23 Mon Sep 17 00:00:00 2001
From: Oskar Rough <oskar@rough.dk>
Date: Mon, 1 Jan 2018 11:45:06 +0100
Subject: [PATCH 11/11] More formatting

---
 src/utils/shuffle-helpers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/shuffle-helpers.js b/src/utils/shuffle-helpers.js
index 3fe72b97..8bfa83c3 100644
--- a/src/utils/shuffle-helpers.js
+++ b/src/utils/shuffle-helpers.js
@@ -19,9 +19,9 @@ export function shuffleArray(array) {
 		i = Math.floor(Math.random() * m--)
 
 		// And swap it with the current element.
-			t = array[m]
+		t = array[m]
 		array[m] = array[i]
 		array[i] = t
 	}
-	return array;
+	return array
 }