funkwhale/front/src/main.ts

60 wiersze
1.9 KiB
TypeScript

import type { InitModule } from '~/types'
import router from '~/router'
import store, { key } from '~/store'
import { createApp, defineAsyncComponent, h } from 'vue'
import useLogger from '~/composables/useLogger'
import useTheme from '~/composables/useTheme'
// NOTE: Set the theme as fast as possible
useTheme()
// TODO (wvffle): Make sure V_FOR_REF works
// Search pattern: v-for([^>]|\n)+?[^h]ref
const logger = useLogger()
logger.info('Loading environment:', import.meta.env.MODE)
logger.debug('Environment variables:', import.meta.env)
const app = createApp({
name: 'Root',
data: () => ({ ready: false }),
mounted () {
this.ready = true
},
render () {
if (this.ready) {
return h(defineAsyncComponent(() => import('~/App.vue')))
}
return null
}
})
app.use(router)
app.use(store, key)
const modules: Array<void | Promise<void>> = []
for (const module of Object.values(import.meta.glob('./init/*.ts', { eager: true })) as { install?: InitModule }[]) {
modules.push(module.install?.({
app,
router,
store
}))
}
// Wait for all modules to load
Promise.all(modules).finally(() => {
app.mount('#app')
logger.info('Everything loaded!')
})
// TODO (wvffle): Rename filters from useSharedLabels to filters from backend
// TODO (wvffle): Check for mixin merging: https://v3-migration.vuejs.org/breaking-changes/data-option.html#mixin-merge-behavior-change=
// TODO (wvffle): Use emits options: https://v3-migration.vuejs.org/breaking-changes/emits-option.html
// TODO (wvffle): Find all array watchers and make them deep
// TODO (wvffle): Migrate to <script setup lang="ts"> and remove allowJs from tsconfig.json
// TODO (wvffle): Replace `from '(../)+` with `from '~/`
// TODO (wvffle): Fix props not being available in template in IntelliJ Idea
// TODO (wvffle): Use navigation guards
// TODO (wvffle): Use computedEager whenever there is a cheap operation that can be executed eagerly