diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/_wavevue.org b/_wavevue.org
index 11d19ea..14caa39 100644
--- a/_wavevue.org
+++ b/_wavevue.org
@@ -1 +1,2 @@
 tutorial for this style of vue coding: https://vuejs.org/v2/guide/single-file-components.html
+https://stackoverflow.com/questions/48727863/vue-export-default-vs-new-vue
diff --git a/package-lock.json b/package-lock.json
index f41a387..eb8fc69 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -652,6 +652,15 @@
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
       "dev": true
     },
+    "axios": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.0.tgz",
+      "integrity": "sha1-MtU+SFHv3AoRmTts0AB4nXDAUQI=",
+      "requires": {
+        "follow-redirects": "^1.3.0",
+        "is-buffer": "^1.1.5"
+      }
+    },
     "babel-loader": {
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.0.6.tgz",
@@ -2005,7 +2014,6 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.7.0.tgz",
       "integrity": "sha512-m/pZQy4Gj287eNy94nivy5wchN3Kp+Q5WgUPNy5lJSZ3sgkVKSYV/ZChMAQVIgx1SqfZ2zBZtPA2YlXIWxxJOQ==",
-      "dev": true,
       "requires": {
         "debug": "^3.2.6"
       },
@@ -2014,7 +2022,6 @@
           "version": "3.2.6",
           "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
           "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
-          "dev": true,
           "requires": {
             "ms": "^2.1.1"
           }
@@ -2022,8 +2029,7 @@
         "ms": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
-          "dev": true
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
         }
       }
     },
@@ -3054,8 +3060,7 @@
     "is-buffer": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
-      "dev": true
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
     },
     "is-data-descriptor": {
       "version": "0.1.4",
@@ -5386,6 +5391,15 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.10.tgz",
       "integrity": "sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ=="
     },
+    "vue-audio-visual": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vue-audio-visual/-/vue-audio-visual-1.3.0.tgz",
+      "integrity": "sha512-px0wYa0zQzi+lPuQ4NFRtDUOgcAK3OkV5fqpIkRKED8GM+NTJBu/AiyWwGfW2VzvwevKpwwgsKUF5CIntHJAVg==",
+      "requires": {
+        "axios": "^0.18.0",
+        "vue": "^2.5.17"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz",
diff --git a/package.json b/package.json
index 7a38525..4351f9a 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "webpack-dev-server": "^3.4.1"
   },
   "dependencies": {
-    "vue": "^2.6.10"
+    "vue": "^2.6.10",
+    "vue-audio-visual": "^1.3.0"
   }
 }
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..032201d
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <h3> Waveform. </h3>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: 'app',
+  components: {},
+  data() {return {}},
+  methods: {},
+  mounted() {}
+}
+</script>
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..dbf5c08
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,11 @@
+import Vue from "vue";
+import App from "./App.vue";
+
+var vm = new Vue({
+  el: "#app",
+  template: "<App/>",
+  components: { App },
+  render: h => h(App)
+});
+
+window.vue = vm;