reworked with component

HTML/index.html

@@ -24,10 +24,7 @@
 				<div class='cntr' style='text-align:center;margin-top:20px'>
 				<span id="name" ><div class='hdr1'>This device brand name</div></span><br/><br/>
 				<div id="app">
-				{{ TimeToISO(status_json.time)}}<br/>
-				Uptime: {{ToHms(status_json.uptime)}}<br/><br/>
-				Signal WiFi:<span style="color:#0099ff;font-weight:bold">{{status_json.wlev}}</span><br/>
-				<br/><br/><br/><br/><br/><br/><br/><br/><br/>
+				<informer></informer>
 				</div>
 				</div>
 				</div>
@@ -42,7 +39,8 @@
 		</script>
 
 		<script>
-		const app = Vue.createApp({
+		const app = Vue.createApp({});
+		app.component('informer', {
 			data(){
 		        return { 
 		        	status: true,
@@ -72,14 +70,18 @@
 	            this.getData()
 	        },
 	        created(){
-		            this.interval = setInterval(() =>{
-		              this.getData()},1000)
+	            this.interval = setInterval(() => {this.getData()},1000)
 	        },
 	          destroyed(){
 	            clearInterval(this.interval)
-		        }
+	        },
+	        template:`{{TimeToISO(status_json.time)}}<br/>
+				Uptime:{{ToHms(status_json.uptime)}}<br/><br/>
+				Signal WiFi:<span style="color:#0099ff;font-weight:bold">{{status_json.wlev}}</span><br/>
+				<br/><br/><br/><br/>`
+		});
+		app.mount('#app');
 		
-		}).mount('#app');
 		</script>	
     </body>
 </html>