diff --git a/src/components/DownloadButton.vue b/src/components/DownloadButton.vue new file mode 100644 index 0000000..af01bde --- /dev/null +++ b/src/components/DownloadButton.vue @@ -0,0 +1,33 @@ + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 947e925..a25b910 100644 --- a/src/main.js +++ b/src/main.js @@ -3,6 +3,7 @@ import 'vuetify/dist/vuetify.min.css' import '~/external/fontawesome/css/fontawesome-all.css' import DefaultLayout from '~/layouts/Default.vue' import SEO from '~/components/SEO.vue' +import DownloadButton from '~/components/DownloadButton.vue' export default function (Vue, { appOptions, head }) { // First inject custom CSS needed @@ -55,4 +56,7 @@ export default function (Vue, { appOptions, head }) { // Set the SEO component Vue.component('SEO', SEO) + + // Generic Components + Vue.component('DownloadButton', DownloadButton) } diff --git a/src/pages/Download.vue b/src/pages/Download.vue index 31bff7d..6c4489c 100644 --- a/src/pages/Download.vue +++ b/src/pages/Download.vue @@ -19,58 +19,36 @@

Automatically compiled builds

- - - {{ version }} - - - - {{ version }} - - - - {{ version }} - + + + + + + +
+ +

Profiled builds
@@ -90,69 +69,45 @@ class="caption" >(If you're not a developer, these builds aren't for you.)

+
-
- - - {{ this.version }} - - - - {{ this.version }} - - - - {{ this.version }} - -
-
- I know what I'm doing -
+
+ + + + + +
+
+ I know what I'm doing +
@@ -208,6 +163,14 @@ export default { this.downloadURL_profiled = `https://ci.appveyor.com/api/buildjobs/${jobIdProfiled}/artifacts/ryujinx-profiled-${this.version}`; this.isLoading = false; + }, + + trackDownload() { + this.$ga.event({ + eventCategory: 'release', + eventAction: 'download', + eventLabel: this.version + }); } },