lint: apply pretty import

src/views/Charts/Charts.vue

@@ -14,6 +14,7 @@
     import { defineAsyncComponent } from 'vue';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
+
     import { useUiStore } from '../../stores';
 
     const InstanceActivity = defineAsyncComponent(() => import('./components/InstanceActivity.vue'));

src/views/Charts/components/InstanceActivity.vue

@@ -124,21 +124,25 @@
 </template>
 
 <script setup>
-    import { WarningFilled, InfoFilled, Refresh, Setting, ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
-    import { ref, onDeactivated, watch, onMounted, onBeforeMount, onActivated, nextTick } from 'vue';
-    import dayjs from 'dayjs';
+    import { nextTick, onActivated, onBeforeMount, onDeactivated, onMounted, ref, watch } from 'vue';
+    import { ArrowLeft, ArrowRight, InfoFilled, Refresh, Setting, WarningFilled } from '@element-plus/icons-vue';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
-    import { parseLocation, timeToText } from '../../../shared/utils';
-    import * as echarts from 'echarts';
+
+    import dayjs from 'dayjs';
+
     import { useAppearanceSettingsStore, useFriendStore, useUserStore } from '../../../stores';
-    import InstanceActivityDetail from './InstanceActivityDetail.vue';
-    import { useInstanceActivitySettings } from '../composables/useInstanceActivitySettings';
-    import { useInstanceActivityData } from '../composables/useInstanceActivityData';
+    import { parseLocation, timeToText } from '../../../shared/utils';
     import { useActivityDataProcessor } from '../composables/useActivityDataProcessor';
-    import { useIntersectionObserver } from '../composables/useIntersectionObserver';
     import { useChartHelpers } from '../composables/useChartHelpers';
     import { useDateNavigation } from '../composables/useDateNavigation';
+    import { useInstanceActivityData } from '../composables/useInstanceActivityData';
+    import { useInstanceActivitySettings } from '../composables/useInstanceActivitySettings';
+    import { useIntersectionObserver } from '../composables/useIntersectionObserver';
+
+    import InstanceActivityDetail from './InstanceActivityDetail.vue';
+
+    import * as echarts from 'echarts';
 
     const appearanceSettingsStore = useAppearanceSettingsStore();
     const friendStore = useFriendStore();

src/views/Charts/components/InstanceActivityDetail.vue

@@ -15,13 +15,15 @@
 </template>
 
 <script setup>
-    import { ref, watch, computed, onDeactivated, onMounted, nextTick } from 'vue';
-    import dayjs from 'dayjs';
+    import { computed, nextTick, onDeactivated, onMounted, ref, watch } from 'vue';
     import { storeToRefs } from 'pinia';
 
+    import dayjs from 'dayjs';
+
+    import { useAppearanceSettingsStore, useUserStore } from '../../../stores';
     import { timeToText } from '../../../shared/utils';
+
     import * as echarts from 'echarts';
-    import { useUserStore, useAppearanceSettingsStore } from '../../../stores';
 
     const { isDarkMode, dtHour12 } = storeToRefs(useAppearanceSettingsStore());
     const { showUserDialog } = useUserStore();

src/views/Charts/composables/useActivityDataFilter.js

@@ -1,6 +1,11 @@
 import { computed } from 'vue';
 
-export function useActivityDataFilter(activityDetailData, isDetailVisible, isSoloInstanceVisible, isNoFriendInstanceVisible) {
+export function useActivityDataFilter(
+    activityDetailData,
+    isDetailVisible,
+    isSoloInstanceVisible,
+    isNoFriendInstanceVisible
+) {
     const filteredActivityDetailData = computed(() => {
         if (!isDetailVisible.value) {
             return [];
@@ -24,4 +29,4 @@ export function useActivityDataFilter(activityDetailData, isDetailVisible, isSol
     return {
         filteredActivityDetailData
     };
-}
+}

src/views/Charts/composables/useActivityDataProcessor.js

@@ -2,9 +2,9 @@ import { computed } from 'vue';
 
 export function useActivityDataProcessor(
     activityData,
-    activityDetailData, 
-    isDetailVisible, 
-    isSoloInstanceVisible, 
+    activityDetailData,
+    isDetailVisible,
+    isSoloInstanceVisible,
     isNoFriendInstanceVisible
 ) {
     const totalOnlineTime = computed(() => {
@@ -35,4 +35,4 @@ export function useActivityDataProcessor(
         totalOnlineTime,
         filteredActivityDetailData
     };
-}
+}

src/views/Charts/composables/useActivityStats.js

@@ -8,4 +8,4 @@ export function useActivityStats(activityData) {
     return {
         totalOnlineTime
     };
-}
+}

src/views/Charts/composables/useDateNavigation.js

@@ -1,4 +1,5 @@
-import { ref, computed } from 'vue';
+import { computed, ref } from 'vue';
+
 import dayjs from 'dayjs';
 
 export function useDateNavigation(allDateOfActivity, reloadData) {

src/views/Charts/composables/useInstanceActivityData.js

@@ -1,5 +1,7 @@
-import { ref, nextTick } from 'vue';
+import { nextTick, ref } from 'vue';
+
 import dayjs from 'dayjs';
+
 import { database } from '../../../service/database';
 import { getWorldName } from '../../../shared/utils';
 

src/views/Charts/composables/useInstanceActivitySettings.js

@@ -1,4 +1,5 @@
-import { ref, nextTick } from 'vue';
+import { nextTick, ref } from 'vue';
+
 import configRepository from '../../../service/config';
 
 export function useInstanceActivitySettings() {