Make it happen elsewhere too.

public/js/app.js

@@ -60356,9 +60356,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 /* harmony default export */ __webpack_exports__["default"] = ({
     name: 'entry-changelog',
+    props: ['fid'],
     data: function data() {
         return {
-            id: 1,
+            id: this.fid,
             changelog: '',
             version: ''
         };
@@ -60527,9 +60528,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 /* harmony default export */ __webpack_exports__["default"] = ({
     name: 'entry-description',
+    props: ['fid'],
     data: function data() {
         return {
-            id: 1,
+            id: this.fid,
             description: ''
         };
     },

resources/assets/js/components/Entry/Changelog.vue

@@ -20,9 +20,10 @@
 <script>
     export default {
         name: 'entry-changelog',
+        props: ['fid'],
         data: function () {
             return {
-                id: 1,
+                id: this.fid,
                 changelog: '',
                 version: ''
             }

resources/assets/js/components/Entry/Description.vue

@@ -17,9 +17,10 @@
 <script>
     export default {
         name: 'entry-description',
+        props: ['fid'],
         data: function () {
             return {
-                id: 1,
+                id: this.fid,
                 description: ''
             }
         },

resources/views/entry.blade.php

@@ -4,9 +4,9 @@
     <div class="row">
         <div class="col-md-12">
             <entry-title fid="{{ $file_id }}" />
-            <entry-screenshots />
-            <entry-description />
-            <entry-changelog />
+            <entry-screenshots fid="{{ $file_id }}" />
+            <entry-description fid="{{ $file_id }}" />
+            <entry-changelog fid="{{ $file_id }}" />
         </div>
     </div>
 </div>