refactor: flatten composables and enable auto-imports on dirs (#608)

components/aria/AriaAnnouncer.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { AriaAnnounceType, AriaLive } from '~/composables/aria/types'
+import type { AriaAnnounceType, AriaLive } from '~/composables/aria'
-import { useAriaAnnouncer } from '~/composables/aria'
 import type { LocaleObject } from '#i18n'
 
 const router = useRouter()

components/aria/AriaLog.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { AriaLive } from '~/composables/aria/types'
+import type { AriaLive } from '~/composables/aria'
-import { useAriaLog } from '~/composables/aria'
 
 // tsc complaining when using $defineProps
 withDefaults(defineProps<{

components/aria/AriaStatus.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { AriaLive } from '~/composables/aria/types'
+import type { AriaLive } from '~/composables/aria'
-import { useAriaStatus } from '~/composables/aria'
 
 // tsc complaining when using $defineProps
 withDefaults(defineProps<{

components/common/CommonBlurhash.ts

@@ -1,5 +1,4 @@
 import { decode } from 'blurhash'
-import { getDataUrlFromArr } from '~/composables/utils'
 
 export default defineComponent({
   inheritAttrs: false,

components/content/ContentRich.setup.ts

@@ -1,6 +1,4 @@
 import type { Emoji } from 'masto'
-import { emojisArrayToObject } from '~/composables/utils'
-import { currentCustomEmojis } from '~/composables/emojis'
 
 defineOptions({
   name: 'ContentRich',

components/modal/ModalDialog.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
-import { useDeactivated } from '~/composables/lifecycle'
 
 export interface Props {
   /** v-model dislog visibility */

components/notification/NotificationPreferences.client.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { usePushManager } from '~/composables/push-notifications/usePushManager'
-
 defineProps<{ show: boolean }>()
 
 let busy = $ref<boolean>(false)

components/publish/PublishEmojiPicker.client.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { Picker } from 'emoji-mart'
-import { updateCustomEmojis } from '~/composables/emojis'
 
 const emit = defineEmits<{
   (e: 'select', code: string): void

composables/aria.ts

@@ -1,4 +1,5 @@
-import type { AriaAnnounceType } from '~/composables/aria/types'
+export type AriaLive = 'off' | 'polite' | 'assertive'
+export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'
 
 const ariaAnnouncer = useEventBus<AriaAnnounceType, string | undefined>(Symbol('aria-announcer'))
 

composables/aria/types.ts

@@ -1,2 +0,0 @@
-export type AriaLive = 'off' | 'polite' | 'assertive'
-export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'

composables/emojis.ts

@@ -1,7 +1,6 @@
 import type { Emoji } from 'masto'
 import type { CustomEmojisInfo } from './push-notifications/types'
 import { STORAGE_KEY_CUSTOM_EMOJIS } from '~/constants'
-import { useUserLocalStorage } from '~/composables/users'
 
 const TTL = 1000 * 60 * 60 * 24 // 1 day
 

composables/push-notifications/createPushSubscription.ts

@@ -8,8 +8,6 @@ import type {
   PushManagerSubscriptionInfo,
   RequiredUserLogin,
 } from '~/composables/push-notifications/types'
-import { useMasto } from '~/composables/masto'
-import { currentUser, removePushNotificationData, removePushNotifications } from '~/composables/users'
 
 export const createPushSubscription = async (
   user: RequiredUserLogin,

composables/push-notifications/usePushManager.ts

@@ -5,9 +5,7 @@ import type {
   PushNotificationRequest,
   SubscriptionResult,
 } from '~/composables/push-notifications/types'
-import { createPushSubscription } from '~/composables/push-notifications/createPushSubscription'
 import { STORAGE_KEY_NOTIFICATION, STORAGE_KEY_NOTIFICATION_POLICY } from '~/constants'
-import { currentUser, removePushNotifications } from '~/composables/users'
 
 const supportsPushNotifications = typeof window !== 'undefined'
   && 'serviceWorker' in navigator

nuxt.config.ts

@@ -1,9 +1,10 @@
-import { fileURLToPath } from 'node:url'
+import { createResolver } from '@nuxt/kit'
 import Inspect from 'vite-plugin-inspect'
 import { isCI, isDevelopment } from 'std-env'
 import { i18n } from './config/i18n'
 import { pwa } from './config/pwa'
 
+const { resolve } = createResolver(import.meta.url)
 const isPreview = process.env.PULL_REQUEST === 'true' || process.env.CONTEXT === 'deploy-preview' || process.env.CONTEXT === 'dev'
 
 export default defineNuxtConfig({
@@ -44,6 +45,12 @@ export default defineNuxtConfig({
     'change-case': 'scule',
     'semver': 'unenv/runtime/mock/empty',
   },
+  imports: {
+    dirs: [
+      './composables/push-notifications',
+      './composables/tiptap',
+    ],
+  },
   vite: {
     define: {
       'process.env.VSCODE_TEXTMATE_DEBUG': 'false',
@@ -100,7 +107,7 @@ export default defineNuxtConfig({
   },
   nitro: {
     publicAssets: [
-      ...(!isCI || isPreview ? [{ dir: fileURLToPath(new URL('./public-dev', import.meta.url)) }] : []),
+      ...(!isCI || isPreview ? [{ dir: resolve('./public-dev') }] : []),
     ],
     prerender: {
       crawlLinks: false,