fix: strict typecheck

Author: dulnan

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepal",
-  "version": "2.6.0",
+  "version": "3.0.0-alpha.1",
   "description": "Nuxt+Vue Drupal Integration",
   "license": "MIT",
   "homepage": "https://github.com/liip/vuepal",

package.json

@@ -1,5 +1,5 @@
 import { computed, useState, type ComputedRef } from '#imports'
-import type { InitData, MenuLink } from '~/types'
+import type { InitData, MenuLink } from '~~/types'
 
 type UseInitData = {
   menuLinks: ComputedRef<MenuLink[]>

playground/app/composables/useInitData.ts

@@ -1,5 +1,5 @@
 import { defineEventHandler, getQuery } from 'h3'
-import type { InitData, MenuLink } from '~/types'
+import type { InitData, MenuLink } from '~~/types'
 
 const menuLinks = (language: string): MenuLink[] =>
   [

playground/server/api/initData.ts

@@ -42,6 +42,10 @@ export default defineNuxtModule<ModuleOptions>({
     // manually install them. Note that this code is never executed on actual
     // installations of this module.
     if (isModuleBuild) {
+      nuxt.options.typescript.strict = true
+      nuxt.options.typescript.tsConfig.compilerOptions ||= {}
+      nuxt.options.typescript.tsConfig.compilerOptions.noUncheckedIndexedAccess =
+        true
       await installModule('nuxt-graphql-middleware', {
         downloadSchema: false,
         graphqlEndpoint: 'http://starterkit.ddev.site/de/graphql',
@@ -91,11 +95,6 @@ export default defineNuxtModule<ModuleOptions>({
       fileURLToPath(new URL('./runtime', import.meta.url)),
     )
 
-    helper.addAlias(
-      '#vuepal/types',
-      helper.resolvers.module.resolve('runtime/types'),
-    )
-
     helper.addAlias('#vuepal-build', helper.paths.moduleBuildDir)
 
     helper.addAlias(

src/module.ts

@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { AdminMenuLinkFragment } from '#vuepal/types'
+import type { AdminMenuLinkFragment } from './../../../types'
 import Highlight from './Highlight.vue'
 import { computed, onMounted, ref, watch, nextTick } from '#imports'
 import { Fzf } from 'fzf'

src/runtime/components/VuepalAdminToolbar/Palette/index.vue

@@ -40,7 +40,7 @@
 <script lang="ts" setup>
 import { ref, watch, computed } from '#imports'
 import { adminToolbarIcons } from '#vuepal-build/admin-config'
-import type { AdminMenuLinkFragment } from '#vuepal/types'
+import type { AdminMenuLinkFragment } from './../../types'
 
 defineOptions({
   name: 'AdminToolbarSubtree',

src/runtime/components/VuepalAdminToolbar/Subtree.vue

@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { useRoute, computed, useLazyAsyncData } from '#imports'
 import { createAdapter } from '#vuepal-build/adapter'
-import type { LocalTask } from '#vuepal/types'
+import type { LocalTask } from './../../types'
 import { nonNullable } from '../../helpers/type'
 
 const adapter = createAdapter()

src/runtime/components/VuepalLocalTasks/index.vue

@@ -75,7 +75,7 @@ export function buildDrupalMetatags(
 
     if (tags && Array.isArray(tags)) {
       for (let i = 0; i < tags.length; i++) {
-        const tag = tags[i]
+        const tag = tags[i]!
         const tagTitle = getTitle(tag)
         if (tagTitle) {
           title = tagTitle

src/runtime/composables/buildDrupalMetatags/index.ts

@@ -48,9 +48,8 @@ export function getUrlExtension(url: string): string | undefined {
   }
   try {
     const parts = url.split(/[#?]/)
-    return parts[0].split('.').pop()?.trim().toLowerCase() || ''
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  } catch (_e) {
+    return parts[0]?.split('.').pop()?.trim().toLowerCase() || ''
+  } catch {
     // Noop.
   }
 }