cleanup

Author: tobiasdiez

components/DocumentEditorInput.vue

@@ -2,10 +2,9 @@
   <!-- Auto-grow text-input, idea taken from https://css-tricks.com/auto-growing-inputs-textareas/ -->
   <span class="inline-block relative">
     <t-input
-      :value="value"
+      v-model="value"
       variant="plain"
       class="absolute w-full left-0 py-1"
-      @input="update"
     />
     <span
       class="inline-block px-3 py-1 text-base invisible border"
@@ -16,15 +15,5 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{
-  value?: string
-}>()
-
-const emit = defineEmits<{
-  input: [value: string]
-}>()
-
-function update(newValue: string) {
-  emit('input', newValue)
-}
+const value = defineModel<string | null | Date>()
 </script>

components/SideBar.vue

@@ -108,7 +108,7 @@ const { result } = useQuery(
         }
       }
     }
-  `) as any,
+  `),
 )
 const groups = computed(() => result.value?.me?.groups ?? null)
 

components/tagify.vue

@@ -13,34 +13,41 @@
 import Tagify from '@yaireo/tagify'
 import '@yaireo/tagify/dist/tagify.css'
 
-const props = withDefaults(defineProps<{
-  type?: string
-  settings?: Tagify.TagifySettings
-  value?: Tagify.TagData[]
-  delimiters?: string
-  whitelist?: Tagify.TagData[]
-  tagClass?: string
-}>(), {
-  type: 'input',
-  settings: () => ({}),
-  value: () => [],
-  delimiters: ',',
-  whitelist: () => [],
-  tagClass: '',
-})
+const props = withDefaults(
+  defineProps<{
+    type?: string
+    settings?: Tagify.TagifySettings
+    value?: Tagify.TagData[]
+    delimiters?: string
+    whitelist?: Tagify.TagData[]
+    tagClass?: string
+  }>(),
+  {
+    type: 'input',
+    settings: () => ({}),
+    value: () => [],
+    delimiters: ',',
+    whitelist: () => [],
+    tagClass: '',
+  },
+)
 
 const emit = defineEmits<{
   input: [value: string | Tagify.TagData[]]
 }>()
 
 const tagify = ref<Tagify | null>(null)
 
-watch(() => props.value, (newVal) => {
-  // Value modified externally, update tagify
-  if (newVal) {
-    tagify.value?.loadOriginalValues(newVal as unknown as string | string[])
-  }
-})
+watch(
+  () => props.value,
+  (newVal) => {
+    // Value modified externally, update tagify
+    if (newVal) {
+      // @ts-expect-error: problem in tagify types
+      tagify.value?.loadOriginalValues(newVal)
+    }
+  },
+)
 
 onMounted(() => {
   // Install tagify
@@ -73,10 +80,7 @@ onUnmounted(() => {
 
 function onChange(event: { target: EventTarget | null }) {
   // Update value prop
-  emit(
-    'input',
-    (event.target as HTMLInputElement | null)?.value ?? [],
-  )
+  emit('input', (event.target as HTMLInputElement | null)?.value ?? [])
 }
 </script>
 

layouts/error.vue

@@ -9,12 +9,12 @@
     <section>
       <div class="text-center">
         <jabref-logo class="m-auto h-32" />
-        <h1 class="text-5xl font-light pt-3">Error {{ error?.statusCode }}</h1>
+        <h1 class="text-5xl font-light pt-3">Error {{ error.statusCode }}</h1>
         <h2 class="text-xl font-light text-gray-500 pt-3">
-          {{ error?.message }}
+          {{ error.message }}
         </h2>
         <nuxt-link
-          v-if="error?.statusCode === 404"
+          v-if="error.statusCode === 404"
           class="button"
           to="/"
         >
@@ -29,9 +29,9 @@
 definePageMeta({ layout: false })
 
 defineProps<{
-  error?: {
+  error: {
     statusCode: number
     message: string
-  } | null
+  }
 }>()
 </script>

pages/change-password/[token].vue

@@ -71,7 +71,7 @@ const {
         }
       }
     }
-  `) as any,
+  `),
   () => ({
     variables: {
       input: {

pages/user/forgot-password.vue

@@ -62,7 +62,7 @@ const {
         result
       }
     }
-  `) as any,
+  `),
   () => ({
     variables: {
       input: {

pages/user/register.vue

@@ -100,7 +100,7 @@ const {
         }
       }
     }
-  `) as any,
+  `),
   () => ({
     variables: {
       input: {
@@ -111,9 +111,7 @@ const {
     update(cache, { data }) {
       cacheCurrentUser(
         cache,
-        data?.signup?.__typename === 'UserReturned'
-          ? data.signup.user
-          : null,
+        data?.signup?.__typename === 'UserReturned' ? data.signup.user : null,
       )
     },
   }),