refactor: Migrate project files and directories to the app directory using the new compatibilityVersion: 4 feature

components/dashboard/links/Editor.vue → app/components/dashboard/links/Editor.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { DependencyType } from '@/components/ui/auto-form/interface'
-import { LinkSchema, nanoid } from '@/schemas/link'
+import { LinkSchema, nanoid } from '@@/schemas/link'
 import { toTypedSchema } from '@vee-validate/zod'
 import { Shuffle, Sparkles } from 'lucide-vue-next'
 import { useForm } from 'vee-validate'

components/ui/form/FormItem.vue → app/components/ui/form/FormItem.vue

@@ -1,8 +1,6 @@
 <script lang="ts">
-import type { HTMLAttributes, InjectionKey } from 'vue'
-
-export const FORM_ITEM_INJECTION_KEY
-  = Symbol() as InjectionKey<string>
+import type { HTMLAttributes } from 'vue'
+import { FORM_ITEM_INJECTION_KEY } from '~/composables'
 </script>
 
 <script lang="ts" setup>

components/ui/form/useFormField.ts → app/components/ui/form/useFormField.ts

@@ -1,6 +1,6 @@
 import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate'
 import { inject } from 'vue'
-import { FORM_ITEM_INJECTION_KEY } from './FormItem.vue'
+import { FORM_ITEM_INJECTION_KEY } from '~/composables'
 
 export function useFormField() {
   const fieldContext = inject(FieldContextKey)

app/composables/index.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line symbol-description
+export const FORM_ITEM_INJECTION_KEY = Symbol() as InjectionKey<string>

eslint.config.mjs

@@ -5,7 +5,7 @@ import withNuxt from './.nuxt/eslint.config.mjs'
 export default withNuxt(
   antfu(),
   {
-    ignores: ['components/ui', '.data', 'public/world.json'],
+    ignores: ['app/components/ui', '.data', 'public/world.json'],
   },
   {
     rules: {

nuxt.config.ts

@@ -49,6 +49,10 @@ export default defineNuxtConfig({
     },
   },
 
+  future: {
+    compatibilityVersion: 4,
+  },
+
   compatibilityDate: '2024-07-08',
 
   nitro: {
@@ -90,4 +94,16 @@ export default defineNuxtConfig({
     baseUrl: '/',
     defaultLocale: 'en-US',
   },
+
+  shadcn: {
+    /**
+     * Prefix for all the imported component
+     */
+    prefix: '',
+    /**
+     * Directory that the component lives in.
+     * @default "./components/ui"
+     */
+    componentDir: './app/components/ui',
+  },
 })

server/api/link/create.post.ts

@@ -1,4 +1,4 @@
-import { LinkSchema } from '@/schemas/link'
+import { LinkSchema } from '@@/schemas/link'
 
 export default eventHandler(async (event) => {
   const link = await readValidatedBody(event, LinkSchema.parse)

server/api/link/edit.put.ts

@@ -1,5 +1,5 @@
 import type { z } from 'zod'
-import { LinkSchema } from '@/schemas/link'
+import { LinkSchema } from '@@/schemas/link'
 
 export default eventHandler(async (event) => {
   const { previewMode } = useRuntimeConfig(event).public

server/api/stats/counters.get.ts

@@ -1,5 +1,5 @@
 import type { H3Event } from 'h3'
-import { QuerySchema } from '@/schemas/query'
+import { QuerySchema } from '@@/schemas/query'
 
 const { select } = SqlBricks
 

server/api/stats/metrics.get.ts

@@ -1,5 +1,5 @@
 import type { H3Event } from 'h3'
-import { QuerySchema } from '@/schemas/query'
+import { QuerySchema } from '@@/schemas/query'
 import { z } from 'zod'
 
 const { select } = SqlBricks

server/api/stats/views.get.ts

@@ -1,5 +1,5 @@
 import type { H3Event } from 'h3'
-import { QuerySchema } from '@/schemas/query'
+import { QuerySchema } from '@@/schemas/query'
 import { z } from 'zod'
 
 const { select } = SqlBricks

server/middleware/1.redirect.ts

@@ -1,4 +1,4 @@
-import type { LinkSchema } from '@/schemas/link'
+import type { LinkSchema } from '@@/schemas/link'
 import type { z } from 'zod'
 import { parsePath, withQuery } from 'ufo'
 

server/utils/access-log.ts

@@ -69,7 +69,11 @@ export function useAccessLog(event: H3Event) {
 
   const userAgent = getHeader(event, 'user-agent') || ''
   const uaInfo = (new UAParser(userAgent, {
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
     browser: [Crawlers.browser || [], CLIs.browser || [], Emails.browser || [], Fetchers.browser || [], InApps.browser || [], MediaPlayers.browser || [], Vehicles.browser || []].flat(),
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
     device: [ExtraDevices.device || []].flat(),
   })).getResult()
 

server/utils/query-filter.ts

@@ -1,4 +1,4 @@
-import type { QuerySchema } from '@/schemas/query'
+import type { QuerySchema } from '@@/schemas/query'
 import type { SelectStatement } from 'sql-bricks'
 import type { z } from 'zod'