webapp: Organize components

webapp/src/components/DevInfo.vue

@@ -47,8 +47,8 @@ import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
-        BIconInfoSquare,
         BootstrapAlert,
+        BIconInfoSquare,
     },
     props: {
         devInfoList: { type: Object as PropType<DevInfoStatus>, required: true },

webapp/src/components/HintView.vue

@@ -27,9 +27,9 @@ import { defineComponent, type PropType } from 'vue';
 export default defineComponent({
     components: {
         BootstrapAlert,
+        BIconBroadcast,
         BIconClock,
         BIconExclamationCircle,
-        BIconBroadcast,
     },
     props: {
         hints: { type: Object as PropType<Hints>, required: true },

webapp/src/components/NavBar.vue

@@ -108,9 +108,9 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
+        BIconEgg,
         BIconSun,
         BIconTree,
-        BIconEgg,
     },
     data() {
         return {

webapp/src/views/AboutView.vue

@@ -82,10 +82,10 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     components: {
         BasePage,
-        BIconInfoCircle,
         BIconActivity,
         BIconBug,
         BIconChat,
+        BIconInfoCircle,
     },
 });
 

webapp/src/views/ConfigAdminView.vue

@@ -101,11 +101,11 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     components: {
         BasePage,
-        BIconExclamationCircleFill,
-        BIconArrowLeft,
-        BIconCheckCircle,
         BootstrapAlert,
         CardElement,
+        BIconArrowLeft,
+        BIconCheckCircle,
+        BIconExclamationCircleFill,
     },
     data() {
         return {

webapp/src/views/DtuAdminView.vue

@@ -49,9 +49,9 @@ export default defineComponent({
     components: {
         BasePage,
         BootstrapAlert,
-        BIconInfoCircle,
-        InputElement,
         CardElement,
+        InputElement,
+        BIconInfoCircle,
     },
     data() {
         return {

webapp/src/views/FirmwareUpgradeView.vue

@@ -81,10 +81,10 @@ export default defineComponent({
     components: {
         BasePage,
         CardElement,
-        BIconExclamationCircleFill,
         BIconArrowLeft,
         BIconArrowRepeat,
         BIconCheckCircle,
+        BIconExclamationCircleFill,
     },
     data() {
         return {

webapp/src/views/HomeView.vue

@@ -340,22 +340,22 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     components: {
         BasePage,
+        BootstrapAlert,
+        DevInfo,
+        EventLog,
+        HintView,
         InverterChannelInfo,
         InverterTotalInfo,
-        HintView,
-        EventLog,
-        DevInfo,
-        BootstrapAlert,
-        BIconXCircleFill,
-        BIconExclamationCircleFill,
-        BIconCheckCircleFill,
-        BIconSpeedometer,
-        BIconPower,
-        BIconCpu,
-        BIconJournalText,
-        BIconToggleOn,
-        BIconToggleOff,
         BIconArrowCounterclockwise,
+        BIconCheckCircleFill,
+        BIconCpu,
+        BIconExclamationCircleFill,
+        BIconJournalText,
+        BIconPower,
+        BIconSpeedometer,
+        BIconToggleOff,
+        BIconToggleOn,
+        BIconXCircleFill,
     },
     data() {
         return {

webapp/src/views/InverterAdminView.vue

@@ -185,9 +185,9 @@ export default defineComponent({
         BasePage,
         BootstrapAlert,
         CardElement,
-        BIconTrash,
-        BIconPencil,
         BIconInfoCircle,
+        BIconPencil,
+        BIconTrash,
     },
     data() {
         return {

webapp/src/views/MqttAdminView.vue

@@ -120,8 +120,8 @@ export default defineComponent({
     components: {
         BasePage,
         BootstrapAlert,
-        InputElement,
         CardElement,
+        InputElement,
     },
     data() {
         return {

webapp/src/views/NetworkAdminView.vue

@@ -68,8 +68,8 @@ export default defineComponent({
     components: {
         BasePage,
         BootstrapAlert,
-        InputElement,
         CardElement,
+        InputElement,
     },
     data() {
         return {

webapp/src/views/NetworkInfoView.vue

@@ -24,10 +24,10 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     components: {
         BasePage,
-        WifiStationInfo,
-        WifiApInfo,
-        InterfaceNetworkInfo,
         InterfaceApInfo,
+        InterfaceNetworkInfo,
+        WifiApInfo,
+        WifiStationInfo,
     },
     data() {
         return {

webapp/src/views/NtpAdminView.vue

@@ -62,8 +62,8 @@ export default defineComponent({
     components: {
         BasePage,
         BootstrapAlert,
-        InputElement,
         CardElement,
+        InputElement,
     },
     data() {
         return {

webapp/src/views/SecurityAdminView.vue

@@ -41,8 +41,8 @@ export default defineComponent({
     components: {
         BasePage,
         BootstrapAlert,
-        InputElement,
         CardElement,
+        InputElement,
     },
     data() {
         return {

webapp/src/views/SystemInfoView.vue

@@ -24,8 +24,8 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     components: {
         BasePage,
-        HardwareInfo,
         FirmwareInfo,
+        HardwareInfo,
         MemoryInfo,
         RadioInfo,
     },