From 392c452a746e3ae9791fe178d5fee955d7617fe8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <david@sudomail.ne.jp>
Date: Wed, 24 Jan 2018 16:49:30 +0100
Subject: [PATCH] New component.

---
 resources/assets/js/app.js                    | 13 +++++------
 .../assets/js/components/EntryChangelog.vue   | 23 +++++++++++++++++++
 2 files changed, 29 insertions(+), 7 deletions(-)
 create mode 100644 resources/assets/js/components/EntryChangelog.vue

diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 9693097..a1d35b8 100644
--- a/resources/assets/js/app.js
+++ b/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'
diff --git a/resources/assets/js/components/EntryChangelog.vue b/resources/assets/js/components/EntryChangelog.vue
new file mode 100644
index 0000000..601e61c
--- /dev/null
+++ b/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>