cloak for vuejs

public/backend/style.css

@@ -936,6 +936,7 @@ textarea.large, input.large {
     /* float: right; */
   }
 
+
 .pure-table tr.inprogress {
     padding: 0.8em;
     background-color: paleturquoise;
@@ -957,6 +958,8 @@ textarea.large, input.large {
 
 }
 
+[v-cloak] > * { display:none; }
+[v-cloak]::before { content: "loading..."; }
 
 .help {
     display: block;

resources/assets/js/datasetPublish.js

@@ -118,7 +118,7 @@ const app = new Vue({
     },
     mounted() {
         //this.step = 2;
-        this.reset();
+        this.reset();     
     },
     computed: {
         isInitial() {

resources/views/publish/create-step1.blade.php

@@ -9,7 +9,7 @@
     </h3>
 </div>
 
-<div id="app" class="box-content">
+<div id="app" class="box-content" v-cloak>
     {{--
     <form action={{ route( 'publish.dataset.store1') }} method="post" class="pure-form" enctype="multipart/form-data">
         --}}