diff --git a/.gitignore b/.gitignore
index dfa6950..952cef2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,7 @@
 .DS_Store
 
+public/index.html
+
 # Logs
 logs
 *.log
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index 069baab..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Vinlottis</title>
-    <meta name=viewport content="width=device-width,initial-scale=1">
-  <link href=/dist/css/vinlottis.37fd51a.css rel=stylesheet></head>
-  <body>
-    <div id=app></div>
-  <script type=text/javascript src=/dist/js/vinlottis.bundle.37fd51a.js></script></body>
-</html>
diff --git a/src/ui/Wines.vue b/src/ui/Wines.vue
new file mode 100644
index 0000000..66da186
--- /dev/null
+++ b/src/ui/Wines.vue
@@ -0,0 +1,46 @@
+<template>
+  <div v-if="wines.length > 0">
+    <h3>Viner</h3>
+    <ol>
+      <li v-for="wine in wines">
+          <span v-if="wine.vivinoLink == '' || wine.vivinoLink == null">{{ wine.name }} - sett {{ wine.occurences }} ganger, {{ wine.rating }} i rating</span>
+          <a :href="wine.vivinoLink" v-if="wine.vivinoLink != '' && wine.vivinoLink != null">{{ wine.name }} - sett {{ wine.occurences }} ganger, {{ wine.rating }} i rating</li>
+    </ol>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return { wines: [] };
+  },
+  async mounted() {
+    let _response = await fetch("/api/wines/statistics");
+    let response = await _response.json();
+
+    response.sort();
+    response = response.filter(
+      wine => wine.name != null && wine.name != ""
+    ).sort((a, b) => 
+      a.occurences > b.occurences ? -1 : 1
+    );
+    this.wines = response;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+h3 {
+    text-align:center;
+}
+div {
+  font-family: sans-serif;
+  display: inline-flex;
+  flex-direction: column;
+}
+
+a {
+    text-decoration: none;
+    color: orange;
+}
+</style>
