diff --git a/app/javascript/packs/fluent_log.js b/app/javascript/packs/fluent_log.js
index 4270029..4ac8aa6 100644
--- a/app/javascript/packs/fluent_log.js
+++ b/app/javascript/packs/fluent_log.js
@@ -2,7 +2,7 @@
 $(document).ready(()=> {
   new Vue({
     el: "#fluent-log",
-    paramAttributes: ["logUrl", "initialAutoReload"],
+    props: ["logUrl", "initialAutoReload"],
     data: {
       "autoFetch": false,
       "logs": [],
@@ -10,6 +10,11 @@ $(document).ready(()=> {
       "processing": false
     },
 
+    beforeMount: function() {
+      this.logUrl = this.$el.attributes.logUrl.nodeValue;
+      this.initialAutoReload = this.$el.attributes.initialAutoReload.nodeValue;
+    },
+
     mounted: function(){
       this.fetchLogs();