feat: add types dir

app/pages/index.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { TodoList } from '~~/shared/types/todo'
+
 definePageMeta({
   name: 'Index',
   layout: 'page',
@@ -11,13 +13,7 @@ const { headerLogo } = storeToRefs(useLayoutStore())
 
 const { toggleLogo } = useLayoutStore()
 
-interface TodoItem {
-  id: number
-  title: string
-  completed: boolean
-}
-
-const todoList = ref<TodoItem[]>([])
+const todoList = ref<TodoList>([])
 
 const emptyText = ref('')
 
@@ -28,7 +24,7 @@ async function fetchData() {
     return
   loading.value = true
   try {
-    const res = await $fetch<TodoItem[]>('/api/todos')
+    const res = await $fetch<TodoList>('/api/todos')
     todoList.value = res
   }
   catch (e) {

nuxt.config.ts

@@ -64,7 +64,6 @@ export default defineNuxtConfig({
   // https://nuxt.com/docs/api/nuxt-config#imports
   imports: {
     dirs: [
-      'apis',
       'constants',
       'stores',
     ],

shared/types/todo.ts

@@ -0,0 +1,28 @@
+/**
+ * Todo item type.
+ */
+export interface TodoItem {
+  /**
+   * Todo item id.
+   */
+  id: number
+  /**
+   * Todo item title.
+   */
+  title: string
+  /**
+   * Todo item completed.
+   *
+   * @default false
+   */
+  completed: boolean
+  /**
+   * Todo item user id.
+   */
+  userId: number
+}
+
+/**
+ * Todo list type.
+ */
+export type TodoList = TodoItem[]