Update to generate UUID on startup and store in or get from localstorage.

fe/src/stores/device.js

@@ -0,0 +1,57 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import axios from 'axios'
+import { appUrl } from '@/services/ApiService'
+import { v4 as uuidv4 } from 'uuid'
+
+export const useDeviceStore = defineStore('device', () => {
+  // Properties - State values
+  const list = ref({
+    remote: [],
+    local: [],
+  })
+  const current = ref({
+    uuid: false,
+  })
+  const remote = ref([])
+  const server = ref([])
+
+  const uuid = () => {
+    if (!current.value.uuid && localStorage.getItem('deviceId')) {
+      current.value.uuid = localStorage.getItem('deviceId')
+    } else if (!current.value.uuid) {
+      current.value.uuid = setDeviceId()
+    }
+    return current.value.uuid
+  }
+
+  const setDeviceId = () => {
+    const uuid = uuidv4()
+    localStorage.setItem('deviceId', uuid)
+    return uuid
+  }
+
+  const getRemoteDevices = async () => {
+    axios.post(appUrl() + '/device/list').then((data) => {
+      if (data.data.devices) remote.value = data.data.devices
+    })
+  }
+
+  const checkServerAccess = () => {
+    axios.post(appUrl() + '/device/access/check', { uuid: uuid() }).then((data) => {
+      console.log(data)
+
+      // if (data.data.access) server.value = data.data
+    })
+  }
+
+  return {
+    list,
+    remote,
+    server,
+    uuid,
+    setDeviceId,
+    getRemoteDevices,
+    checkServerAccess,
+  }
+})