diff --git a/resources/assets/js/components/EntryChangelog.vue b/resources/assets/js/components/EntryChangelog.vue
index 601e61c..704ba15 100644
--- a/resources/assets/js/components/EntryChangelog.vue
+++ b/resources/assets/js/components/EntryChangelog.vue
@@ -1,23 +1,32 @@
 <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 class="col-md-12">
+				{{ changelog }}
+			</div>
         </div>
     </div>
 </template>
 
 <script>
     export default {
-        mounted() {
-            console.log('Component mounted.')
+        name: 'entry-changelog',
+        data: function () {
+            return {
+                id: 1,
+                changelog: ''
+            }
+        },
+        created: function () {
+            axios.get('/api/rpc/file/getfilechangelog' + this.id).then(data => {
+                this.changelog = data.data.changelog;
+            })
         }
     }
 </script>
+
+<style>
+    .col {
+		text-align: center;
+    }
+</style>
\ No newline at end of file
diff --git a/resources/assets/js/components/EntryDescription.vue b/resources/assets/js/components/EntryDescription.vue
index 601e61c..279dd77 100644
--- a/resources/assets/js/components/EntryDescription.vue
+++ b/resources/assets/js/components/EntryDescription.vue
@@ -1,23 +1,32 @@
 <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 class="col-md-12">
+				{{ description }}
+			</div>
         </div>
     </div>
 </template>
 
 <script>
     export default {
-        mounted() {
-            console.log('Component mounted.')
+        name: 'entry-description',
+        data: function () {
+            return {
+                id: 1,
+                description: ''
+            }
+        },
+        created: function () {
+            axios.get('/api/rpc/file/getfiledescription' + this.id).then(data => {
+                this.description = data.data.description;
+            })
         }
     }
 </script>
+
+<style>
+    .col {
+		text-align: center;
+    }
+</style>
\ No newline at end of file
diff --git a/resources/assets/js/components/EntryScreenshots.vue b/resources/assets/js/components/EntryScreenshots.vue
index 601e61c..ea9ae97 100644
--- a/resources/assets/js/components/EntryScreenshots.vue
+++ b/resources/assets/js/components/EntryScreenshots.vue
@@ -1,14 +1,8 @@
 <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 class="col-md-12">
+                (IMG)
             </div>
         </div>
     </div>
@@ -16,8 +10,6 @@
 
 <script>
     export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
+        name: 'entry-screenshots'
     }
 </script>