feat: type + lint improvements

components/app/home/page.vue

@@ -15,9 +15,9 @@ const state = reactive({
   showLoginScreen: false,
 })
 
-watchEffect(() => {
+watch([authLoaded, auth], (values) => {
   setTimeout(() => { // This shows too fast, so it's better to lag for 1 second to prevent jarring layout changes
-    state.showLoginScreen = authLoaded.value && !auth.value
+    state.showLoginScreen = values[0] && !values[1]
   }, 1000)
 })
 </script>

composables/fetch.ts

@@ -15,15 +15,15 @@ export const $api = $fetch.create({
 
 type ApiFetchRequest<T> = Ref<T> | T | (() => T)
 
-export function useApiFetch<ReqT extends string, ResT>(request: ApiFetchRequest<ReqT>, options: UseFetchOptions<ResT> = {}) {
+export function useApiFetch<ResT, ReqT extends string = string>(request: ApiFetchRequest<ReqT>, options: UseFetchOptions<ResT> = {}) {
   const defaults: UseFetchOptions<ResT> = {
     $fetch: $api,
   }
   const params = defu(options, defaults)
   return useFetch(request, params)
 }
 
-export function useLazyApiFetch<ReqT extends string, ResT>(request: ApiFetchRequest<ReqT>, options: Omit<UseFetchOptions<ResT>, 'lazy'> = {}) {
+export function useLazyApiFetch<ResT, ReqT extends string = string>(request: ApiFetchRequest<ReqT>, options: Omit<UseFetchOptions<ResT>, 'lazy'> = {}) {
   const defaults: UseFetchOptions<ResT> = {
     $fetch: $api,
   }

composables/user.ts

@@ -1,4 +1,6 @@
+import type { User } from '~/shared/types'
+
 export function useUser() {
   const auth = useCurrentUser()
-  return useApiFetch(() => `/api/user/${auth.value?.uid}`, { immediate: false, watch: [() => auth.value?.uid] })
+  return useApiFetch<User>(() => `/api/user/${auth.value?.uid}`, { immediate: false, watch: [() => auth.value?.uid] })
 }

eslint.config.js

@@ -0,0 +1,15 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  stylistic: true, // enable stylistic formatting rules
+  typescript: true,
+  vue: true,
+}, {
+  rules: {
+    // https://github.com/antfu/eslint-config/pull/214
+    'n/prefer-global/process': [
+      'off',
+      'never',
+    ],
+  },
+})

package.json

@@ -14,7 +14,7 @@
     "pwa:generate-assets": "pwa-assets-generator --preset minimal public/logo.png"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.42.0",
+    "@antfu/eslint-config": "latest",
     "@libsql/client": "^0.3.4",
     "@nuxt/devtools": "latest",
     "@paralleldrive/cuid2": "^2.2.2",