🎨 Improve development structure

site/src/components/application/script.js

@@ -7,13 +7,14 @@ export default
     data()
     {
         return {
-            counter: 0
+            counter: 0,
+            projects: { type: Object, value: {} }
         }
     },
 
     mounted()
     {
-        const socketUrl = `${process.env === 'production' ? '' : 'http://192.168.1.12:1571/projects'}`
+        const socketUrl = `${process.env.NODE_ENV === 'production' ? '' : 'http://localhost:1571'}/projects`
         const socket = socketIoClient(socketUrl)
 
         socket.on('connect', () =>
@@ -21,6 +22,11 @@ export default
             console.log('connected')
         })
 
+        socket.on('update_projects', (data) =>
+        {
+            this.projects = data.all
+        })
+
         window.setInterval(() =>
         {
             this.counter++

site/src/components/application/template.html

@@ -1,3 +1,6 @@
 <div id="application">
     {{ counter }}
+    <div v-for="project in projects">
+        {{ project.name }}
+    </div>
 </div>