code refactor

src/components/base/ItemIconBase.ts

@@ -19,7 +19,7 @@ export interface CommonIconProps {
     size?: string | number;
 }
 
-export function useItemIcon(props: CommonIconProps) {
+export function useItemIconBase(props: CommonIconProps) {
     const style = computed<Record<IconItemStyleName, IconItemStyleValue>>(() => {
         let defaultColor = 'var(--default-icon-color)';
 

src/components/desktop/ItemIcon.vue

@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { type CommonIconProps, useItemIcon } from '@/components/base/ItemIcon.ts';
+import { type CommonIconProps, useItemIconBase } from '@/components/base/ItemIconBase.ts';
 
 import {
     mdiEyeOffOutline
@@ -25,7 +25,7 @@ interface DesktopItemIconProps extends CommonIconProps {
 }
 
 const props = defineProps<DesktopItemIconProps>();
-const { style, getAccountIcon, getCategoryIcon } = useItemIcon(props);
+const { style, getAccountIcon, getCategoryIcon } = useItemIconBase(props);
 
 const icons = {
     hide: mdiEyeOffOutline

src/components/mobile/ItemIcon.vue

@@ -6,10 +6,10 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { type CommonIconProps, useItemIcon } from '@/components/base/ItemIcon.ts';
+import { type CommonIconProps, useItemIconBase } from '@/components/base/ItemIconBase.ts';
 
 const props = defineProps<CommonIconProps>();
-const { style, getAccountIcon, getCategoryIcon } = useItemIcon(props);
+const { style, getAccountIcon, getCategoryIcon } = useItemIconBase(props);
 
 const f7IconValue = computed<string>(() => {
     if (props.iconType === 'fixed-f7') {

src/views/base/AboutPageBase.ts

@@ -11,7 +11,7 @@ import { getMapWebsite } from '@/lib/map/index.ts';
 import { getLicense, getThirdPartyLicenses } from '@/lib/licenses.ts';
 import { getVersion, getBuildTime } from '@/lib/version.ts';
 
-export function useAboutPage() {
+export function useAboutPageBase() {
     const { tt, formatUnixTimeToLongDateTime } = useI18n();
 
     const exchangeRatesStore = useExchangeRatesStore();

src/views/desktop/AboutPage.vue

@@ -121,8 +121,8 @@
 
 <script setup lang="ts">
 import { useI18n } from '@/locales/helpers.ts';
-import { useAboutPage } from '@/views/base/AboutPage.ts';
+import { useAboutPageBase } from '@/views/base/AboutPageBase.ts';
 
 const { tt } = useI18n();
-const { version, buildTime, exchangeRatesData, mapProviderName, mapProviderWebsite, licenseLines, thirdPartyLicenses } = useAboutPage();
+const { version, buildTime, exchangeRatesData, mapProviderName, mapProviderWebsite, licenseLines, thirdPartyLicenses } = useAboutPageBase();
 </script>

src/views/mobile/AboutPage.vue

@@ -59,10 +59,10 @@
 
 <script setup lang="ts">
 import { useI18n } from '@/locales/helpers.ts';
-import { useAboutPage } from '@/views/base/AboutPage.ts';
+import { useAboutPageBase } from '@/views/base/AboutPageBase.ts';
 
 const { tt } = useI18n();
-const { version, buildTime, exchangeRatesData, mapProviderName, mapProviderWebsite, licenseLines, thirdPartyLicenses } = useAboutPage();
+const { version, buildTime, exchangeRatesData, mapProviderName, mapProviderWebsite, licenseLines, thirdPartyLicenses } = useAboutPageBase();
 </script>
 
 <style>