refactor(web): group shared components by directory

Move each shared component into a named directory with an index.vue entry. Update consumers and relative imports while preserving component behavior.

web/src/common/components/FontPicker/index.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import type { Settings } from '../../pinia/stores/settings'
+import type { Settings } from '../../../pinia/stores/settings'
 import { preferencesApi } from '@@/apis/preferences'
 import { toast } from '@@/utils/notifications'
 import { isCancel } from 'axios'
 import { computed, ref } from 'vue'
 import { useUserStore } from '@/pinia/stores/user'
-import { loadSettings, settings, SettingsAppearanceError, updateSettings } from '../../pinia/stores/settings'
-import { customFonts, loadFonts } from '../appearance/fonts'
-import { FONT_PRESETS } from '../appearance/typography'
-import Icon from './Icon.vue'
+import { loadSettings, settings, SettingsAppearanceError, updateSettings } from '../../../pinia/stores/settings'
+import { customFonts, loadFonts } from '../../appearance/fonts'
+import { FONT_PRESETS } from '../../appearance/typography'
+import Icon from '../Icon/index.vue'
 
 const props = defineProps<{ id: string, setting: 'uiFont' | 'textFont' | 'codeFont' }>()
 const user = useUserStore()

web/src/common/components/Icon/index.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { IconName } from '../utils/icons'
-import { iconPaths } from '../utils/icons'
+import type { IconName } from '../../utils/icons'
+import { iconPaths } from '../../utils/icons'
 
-export type { IconName } from '../utils/icons'
+export type { IconName } from '../../utils/icons'
 defineProps<{ name: IconName, size?: number }>()
 </script>
 

web/src/common/components/InlineAppearance/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { InlineStyles } from '../markdown/inline-styles'
+import type { InlineStyles } from '../../markdown/inline-styles'
 import { computed, onBeforeUnmount, ref, watch } from 'vue'
-import { settings } from '../../pinia/stores/settings'
-import { fixedThemeMode } from '../appearance/appearance'
-import { HOLLOW, INLINE_FONTS, SHADOW } from '../markdown/inline-styles'
+import { settings } from '../../../pinia/stores/settings'
+import { fixedThemeMode } from '../../appearance/appearance'
+import { HOLLOW, INLINE_FONTS, SHADOW } from '../../markdown/inline-styles'
 
 const props = defineProps<{ styles: InlineStyles, baseSize: number }>()
 const emit = defineEmits<{ change: [patch: InlineStyles], clear: [] }>()

web/src/common/components/PluginMount/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { OwnedView } from '../plugins/registry'
+import type { OwnedView } from '../../plugins/registry'
 import { onBeforeUnmount, ref, watch } from 'vue'
-import { mountContent } from '../plugins/mount'
+import { mountContent } from '../../plugins/mount'
 
 const props = defineProps<{ view: OwnedView }>()
 const container = ref<HTMLElement>()