nuxt auto imports components and stores , so I can remove all the imports from the top of project files?
```import { useGlobalStore } from '@/stores/useGlobalStore'
import { useSpaceStore } from '@/stores/useSpaceStore'
import { useApiStore } from '@/stores/useApiStore'
import { useChangelogStore } from '@/stores/useChangelogStore'
import AppsAndExtensions from '@/components/dialogs/AppsAndExtensions.vue'
import Help from '@/components/dialogs/Help.vue'
import AboutMe from '@/components/AboutMe.vue'
```
- /project would match and
space parameter would be ["project"]
- /project/dashboard/123 would match and space parameter would be ["project", "dashboard", "123"]
- / would also match with an empty array as the parameter
App.vue
https://nuxtseo.com?hidden=true
```
import utils from '@/utils.js'
import consts from '@/consts.js'
import cache from '@/cache.js'
``` still need to be explicitly imported unless auto-imports are set up for them in `nuxt.config`
`import { useHead } from '#app'`
useHead writes metatags, etc. to html <head>
#app is internal nuxt
Could be interesting for more SEO stuff you want to do. Will make use of the Sitemap module.
A lot of these imports are actually globally imported so you don't need to explicitly import them. But one of your ESLint rules didn't let me commit without explicitly importing it.
(I really like explicit imports)
TODO
[x] Replace vite-plugin-pwa with https://nuxt.com/modules/vite-pwa-nuxt?hidden=true
[x] Migrate WebsocketPlugin
[] fix /inbox route
Seems to be also broken in production: kinopio.club/inbox
[x] Reimplement `router.js` handlers
[] test /group/invite
[] test /invite
[x] Migrate Sitemap to Nuxt
[x] Migrate Meta tags from index.html
[x] Migrate Explore Spaces from vite.config.js
serving static pages, nuxt migration
what
context
I like are.na's approach but i'm def open to other ideas
nuxt auto imports components and stores , so I can remove all the imports from the top of project files?
```import { useGlobalStore } from '@/stores/useGlobalStore'
import { useSpaceStore } from '@/stores/useSpaceStore'
import { useApiStore } from '@/stores/useApiStore'
import { useChangelogStore } from '@/stores/useChangelogStore'
import AppsAndExtensions from '@/components/dialogs/AppsAndExtensions.vue'
import Help from '@/components/dialogs/Help.vue'
import AboutMe from '@/components/AboutMe.vue'
```
- /project would match and
space parameter would be ["project"]
- /project/dashboard/123 would match and space parameter would be ["project", "dashboard", "123"]
- / would also match with an empty array as the parameter
App.vue
https://nuxtseo.com?hidden=true
```
import utils from '@/utils.js'
import consts from '@/consts.js'
import cache from '@/cache.js'
``` still need to be explicitly imported unless auto-imports are set up for them in `nuxt.config`
`import { useHead } from '#app'`
useHead writes metatags, etc. to html <head>
#app is internal nuxt
Could be interesting for more SEO stuff you want to do. Will make use of the Sitemap module.
A lot of these imports are actually globally imported so you don't need to explicitly import them. But one of your ESLint rules didn't let me commit without explicitly importing it.
(I really like explicit imports)
TODO
[x] Replace vite-plugin-pwa with https://nuxt.com/modules/vite-pwa-nuxt?hidden=true
[x] Migrate WebsocketPlugin
[] fix /inbox route
Seems to be also broken in production: kinopio.club/inbox