diff --git a/source/_assets/js/app.js b/source/_assets/js/app.js
index 24e5c7c..1f0a120 100644
--- a/source/_assets/js/app.js
+++ b/source/_assets/js/app.js
@@ -1,7 +1,12 @@
+import TableOfContents from './components/TableOfContents.vue';
+
window.Vue = require('vue');
-Vue.component('test', require('./components/test.vue'));
+Vue.component('table-of-contents', require('./components/TableOfContents.vue'));
const app = new Vue({
- el: '#app'
+ components: {
+ TableOfContents,
+ },
+ el: '#app'
});
\ No newline at end of file
diff --git a/source/_assets/js/components/TableOfContents.vue b/source/_assets/js/components/TableOfContents.vue
new file mode 100644
index 0000000..d9bec79
--- /dev/null
+++ b/source/_assets/js/components/TableOfContents.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
diff --git a/source/_assets/js/components/test.vue b/source/_assets/js/components/test.vue
deleted file mode 100644
index b197dfe..0000000
--- a/source/_assets/js/components/test.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-
-