webapp: Organize imports

webapp/src/components/BootstrapAlert.vue

@@ -7,8 +7,8 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onBeforeUnmount, ref, watch } from "vue";
 import Alert from "bootstrap/js/dist/alert";
+import { computed, defineComponent, onBeforeUnmount, ref, watch } from "vue";
 
 export const toInteger = (value: number, defaultValue = NaN) => {
     return Number.isInteger(value) ? value : defaultValue;

webapp/src/components/CardElement.vue

@@ -8,7 +8,8 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue';
+import { defineComponent } from 'vue';
+
 export default defineComponent({
     props: {
         'text': String,

webapp/src/components/DevInfo.vue

@@ -40,10 +40,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import { BIconInfoSquare } from 'bootstrap-icons-vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
 import type { DevInfoStatus } from "@/types/DevInfoStatus";
+import { BIconInfoSquare } from 'bootstrap-icons-vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/components/EventLog.vue

@@ -20,9 +20,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import { timestampToString } from '@/utils';
 import type { EventlogItems } from '@/types/EventlogStatus';
+import { timestampToString } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {

webapp/src/components/FirmwareInfo.vue

@@ -54,10 +54,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
+import CardElement from '@/components/CardElement.vue';
 import type { SystemStatus } from '@/types/SystemStatus';
 import { timestampToString } from '@/utils';
-import CardElement from '@/components/CardElement.vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/components/HardwareInfo.vue

@@ -26,9 +26,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { SystemStatus } from '@/types/SystemStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {

webapp/src/components/HintView.vue

@@ -15,14 +15,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { Hints } from '@/types/LiveDataStatus';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
+import type { Hints } from '@/types/LiveDataStatus';
 import {
-    BIconClock,
-    BIconExclamationCircle,
     BIconBroadcast,
+    BIconClock,
+    BIconExclamationCircle
 } from 'bootstrap-icons-vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/components/InputElement.vue

@@ -54,8 +54,9 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue';
+import { BIconInfoCircle } from 'bootstrap-icons-vue';
-import {BIconInfoCircle} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
+
 export default defineComponent({
     components: {
         BIconInfoCircle,

webapp/src/components/InterfaceApInfo.vue

@@ -18,9 +18,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {

webapp/src/components/InterfaceNetworkInfo.vue

@@ -40,9 +40,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {

webapp/src/components/InverterChannelInfo.vue

@@ -30,9 +30,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
 import type { InverterStatistics } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {

webapp/src/components/InverterTotalInfo.vue

@@ -34,9 +34,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
 import type { Total } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {

webapp/src/components/LimitSettingsCurrent.vue

@@ -10,8 +10,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import { formatNumber } from '@/utils';
+import { defineComponent } from 'vue';
 
 declare interface LimitData {
     limit: number;

webapp/src/components/MemoryInfo.vue

@@ -25,10 +25,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { SystemStatus } from '@/types/SystemStatus';
 import CardElement from '@/components/CardElement.vue';
 import FsInfo from "@/components/FsInfo.vue";
+import type { SystemStatus } from '@/types/SystemStatus';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/components/NavBar.vue

@@ -102,9 +102,9 @@
 </template>
 
 <script lang="ts">
+import { isLoggedIn, logout } from '@/utils/authentication';
+import { BIconEgg, BIconSun, BIconTree } from 'bootstrap-icons-vue';
 import { defineComponent } from 'vue';
-import { logout, isLoggedIn } from '@/utils/authentication';
-import { BIconSun, BIconTree, BIconEgg } from 'bootstrap-icons-vue';
 
 export default defineComponent({
     components: {

webapp/src/components/RadioInfo.vue

@@ -34,9 +34,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { SystemStatus } from '@/types/SystemStatus';
 import CardElement from '@/components/CardElement.vue';
+import type { SystemStatus } from '@/types/SystemStatus';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/components/WifiApInfo.vue

@@ -28,9 +28,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {

webapp/src/components/WifiStationInfo.vue

@@ -32,9 +32,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {

webapp/src/views/AboutView.vue

@@ -70,14 +70,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import {
-    BIconInfoCircle,
     BIconActivity,
     BIconBug,
-    BIconChat
+    BIconChat,
+    BIconInfoCircle
 } from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/ConfigAdminView.vue

@@ -86,17 +86,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import {
-    BIconExclamationCircleFill,
-    BIconArrowLeft,
-    BIconCheckCircle
-} from 'bootstrap-icons-vue';
-import * as bootstrap from 'bootstrap';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader, isLoggedIn } from '@/utils/authentication';
+import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconArrowLeft,
+    BIconCheckCircle,
+    BIconExclamationCircleFill
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/ConsoleInfoView.vue

@@ -26,10 +26,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import { authUrl } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/DtuAdminView.vue

@@ -36,16 +36,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { DtuConfig } from "@/types/DtuConfig";
-import {
+import { authHeader, handleResponse } from '@/utils/authentication';
-    BIconInfoCircle,
+import { BIconInfoCircle } from 'bootstrap-icons-vue';
-} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/FirmwareUpgradeView.vue

@@ -65,17 +65,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
-import SparkMD5 from "spark-md5";
+import { authHeader, isLoggedIn } from '@/utils/authentication';
 import {
-    BIconExclamationCircleFill,
     BIconArrowLeft,
     BIconArrowRepeat,
-    BIconCheckCircle
+    BIconCheckCircle,
+    BIconExclamationCircleFill
 } from 'bootstrap-icons-vue';
-import { authHeader, isLoggedIn } from '@/utils/authentication';
+import SparkMD5 from "spark-md5";
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/HomeView.vue

@@ -308,34 +308,34 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import * as bootstrap from 'bootstrap';
-import {
-    BIconXCircleFill,
-    BIconExclamationCircleFill,
-    BIconCheckCircleFill,
-    BIconSpeedometer,
-    BIconPower,
-    BIconCpu,
-    BIconJournalText,
-    BIconToggleOn,
-    BIconToggleOff,
-    BIconArrowCounterclockwise
-} from 'bootstrap-icons-vue';
-import EventLog from '@/components/EventLog.vue';
-import DevInfo from '@/components/DevInfo.vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
+import DevInfo from '@/components/DevInfo.vue';
+import EventLog from '@/components/EventLog.vue';
+import HintView from '@/components/HintView.vue';
 import InverterChannelInfo from "@/components/InverterChannelInfo.vue";
 import InverterTotalInfo from '@/components/InverterTotalInfo.vue';
-import HintView from '@/components/HintView.vue';
 import type { DevInfoStatus } from '@/types/DevInfoStatus';
 import type { EventlogItems } from '@/types/EventlogStatus';
-import type { LiveData, Inverter } from '@/types/LiveDataStatus';
-import type { LimitStatus } from '@/types/LimitStatus';
 import type { LimitConfig } from '@/types/LimitConfig';
-import { isLoggedIn, handleResponse, authHeader, authUrl } from '@/utils/authentication';
+import type { LimitStatus } from '@/types/LimitStatus';
+import type { Inverter, LiveData } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { authHeader, authUrl, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconArrowCounterclockwise,
+    BIconCheckCircleFill,
+    BIconCpu,
+    BIconExclamationCircleFill,
+    BIconJournalText,
+    BIconPower,
+    BIconSpeedometer,
+    BIconToggleOff,
+    BIconToggleOn,
+    BIconXCircleFill
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/InverterAdminView.vue

@@ -148,17 +148,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import {
-    BIconTrash,
-    BIconPencil,
-    BIconInfoCircle,
-} from 'bootstrap-icons-vue';
-import * as bootstrap from 'bootstrap';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconInfoCircle,
+    BIconPencil,
+    BIconTrash
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 declare interface Channel {
     name: string;

webapp/src/views/LoginView.vue

@@ -29,12 +29,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import BasePage from '@/components/BasePage.vue';
+import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import CardElement from '@/components/CardElement.vue';
 import router from '@/router';
 import { login } from '@/utils';
-import BasePage from '@/components/BasePage.vue';
+import { defineComponent } from 'vue';
-import CardElement from '@/components/CardElement.vue';
-import BootstrapAlert from "@/components/BootstrapAlert.vue";
 
 export default defineComponent({
     components: {

webapp/src/views/MaintenanceRebootView.vue

@@ -34,12 +34,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import * as bootstrap from 'bootstrap';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader, isLoggedIn } from '@/utils/authentication';
+import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/MqttAdminView.vue

@@ -108,13 +108,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { MqttConfig } from "@/types/MqttConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/MqttInfoView.vue

@@ -139,11 +139,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import type { MqttStatus } from '@/types/MqttStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/NetworkAdminView.vue

@@ -56,13 +56,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { NetworkConfig } from "@/types/NetworkkConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/NetworkInfoView.vue

@@ -12,14 +12,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
-import WifiStationInfo from "@/components/WifiStationInfo.vue";
-import WifiApInfo from "@/components/WifiApInfo.vue";
-import InterfaceNetworkInfo from "@/components/InterfaceNetworkInfo.vue";
 import InterfaceApInfo from "@/components/InterfaceApInfo.vue";
+import InterfaceNetworkInfo from "@/components/InterfaceNetworkInfo.vue";
+import WifiApInfo from "@/components/WifiApInfo.vue";
+import WifiStationInfo from "@/components/WifiStationInfo.vue";
 import type { NetworkStatus } from '@/types/NetworkStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/NtpAdminView.vue

@@ -50,13 +50,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { NtpConfig } from "@/types/NtpConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/NtpInfoView.vue

@@ -47,11 +47,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import type { NtpStatus } from "@/types/NtpStatus";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/SecurityAdminView.vue

@@ -29,13 +29,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { SecurityConfig } from '@/types/SecurityConfig';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {

webapp/src/views/SystemInfoView.vue

@@ -12,14 +12,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
-import HardwareInfo from "@/components/HardwareInfo.vue";
 import FirmwareInfo from "@/components/FirmwareInfo.vue";
+import HardwareInfo from "@/components/HardwareInfo.vue";
 import MemoryInfo from "@/components/MemoryInfo.vue";
 import RadioInfo from "@/components/RadioInfo.vue";
 import type { SystemStatus } from '@/types/SystemStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {