New component.

resources/assets/js/app.js

@@ -17,15 +17,14 @@ window.Vue = require('vue');
 
 // Vue.component('example', require('./components/Example.vue'));
 
+// Homepage.
 Vue.component('new-items', require('./components/NewEntries.vue'));
-/*new Vue({
-    el: '#newitems'
-});*/
-
 Vue.component('hot-items', require('./components/HotEntries.vue'));
-/*new Vue({
-    el: '#hotitems'
-});*/
+
+// Entry page.
+Vue.component('entry-description', require('./components/HotEntries.vue'));
+Vue.component('entry-changelog', require('./components/HotEntries.vue'));
+Vue.component('entry-screenshots', require('./components/HotEntries.vue'));
 
 new Vue({
     el: '#app'

resources/assets/js/components/EntryChangelog.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8 col-md-offset-2">
+                <div class="panel panel-default">
+                    <div class="panel-heading">Example Component</div>
+
+                    <div class="panel-body">
+                        I'm an example component!
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        mounted() {
+            console.log('Component mounted.')
+        }
+    }
+</script>