@dargmuesli/nuxt-vio 11.0.2 → 11.1.1

package/.config/lint.js

@@ -0,0 +1,79 @@
+// // TODO: add compat plugin when it supports flat config (https://github.com/amilajack/eslint-plugin-compat/issues/603)
+// import { FlatCompat } from '@eslint/eslintrc'
+import vueI18n from '@intlify/eslint-plugin-vue-i18n'
+import prettier from 'eslint-plugin-prettier/recommended'
+import eslintPluginYml from 'eslint-plugin-yml'
+import globals from 'globals'
+import jiti from 'jiti'
+
+const moduleFileUrl = new URL(import.meta.url)
+// const compat = new FlatCompat({
+//   baseDirectory: moduleFileUrl.pathname,
+// })
+const JITI = jiti(moduleFileUrl.pathname)
+const POLYFILLS = JITI('../utils/constants.ts').POLYFILLS
+
+export const VIO_ESLINT_CONFIG = [
+  ...vueI18n.configs['flat/recommended'],
+  // ...compat.extends('plugin:compat/recommended'),
+  ...eslintPluginYml.configs['flat/recommended'],
+  prettier, // must be last
+
+  // {
+  //   files: ['server/**/*'],
+  //   rules: {
+  //     'compat/compat': 'off',
+  //   },
+  // },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+    rules: {
+      '@intlify/vue-i18n/no-missing-keys': 'error',
+      '@intlify/vue-i18n/no-raw-text': 'error',
+      '@intlify/vue-i18n/no-deprecated-i18n-component': 'error', // TODO: do not specify below rules manually, but have them included in `recommended` https://github.com/intlify/eslint-plugin-vue-i18n/issues/275
+      '@intlify/vue-i18n/no-deprecated-i18n-place-attr': 'error',
+      '@intlify/vue-i18n/no-deprecated-i18n-places-prop': 'error',
+      '@intlify/vue-i18n/no-i18n-t-path-prop': 'error',
+      '@intlify/vue-i18n/valid-message-syntax': 'error',
+      '@intlify/vue-i18n/key-format-style': 'error',
+      '@intlify/vue-i18n/no-duplicate-keys-in-locale': 'error',
+      '@intlify/vue-i18n/no-dynamic-keys': 'error',
+      '@intlify/vue-i18n/no-missing-keys-in-other-locales': 'error',
+      '@intlify/vue-i18n/no-unknown-locale': 'error',
+      '@intlify/vue-i18n/no-unused-keys': 'error',
+      '@intlify/vue-i18n/prefer-sfc-lang-attr': 'error',
+      '@intlify/vue-i18n/prefer-linked-key-with-paren': 'error',
+      // '@intlify/vue-i18n/sfc-locale-attr': 'error',
+
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+        },
+      ],
+      'vue/multi-word-component-names': 'off', // TODO: remove (https://github.com/nuxt/eslint/issues/261)
+      'yml/quotes': ['error', { prefer: 'single' }],
+    },
+    settings: {
+      polyfills: POLYFILLS,
+      'vue-i18n': {
+        localeDir: './locales/*.json',
+        messageSyntaxVersion: '^9.0.0',
+      },
+    },
+  },
+  {
+    ignores: ['tests'],
+  },
+  {
+    files: ['locales/**/*'],
+    rules: {
+      '@intlify/vue-i18n/no-unused-keys': 'off',
+    },
+  }, // TODO: remove once `@intlify/eslint-plugin-vue-i18n` accounts for translation usage in composables]
+]

package/components/vio/_/VioApp.vue

@@ -28,14 +28,14 @@ const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
 const init = () => {
   $dayjs.locale(locale.value)
 
-  if (process.client) {
+  if (import.meta.client) {
     const cookieTimezone = useCookie(TIMEZONE_COOKIE_NAME, {
       // default: () => undefined, // setting `default` on the client side only does not write the cookie
       httpOnly: false,
       sameSite: 'strict',
       secure: true,
     })
-    // @ts-ignore `tz` should be part of `$dayjs` (https://github.com/iamkun/dayjs/issues/2106)
+    // @ts-expect-error `tz` should be part of `$dayjs` (https://github.com/iamkun/dayjs/issues/2106)
     cookieTimezone.value = $dayjs.tz.guess()
   }
 }

package/components/vio/button/VioButtonShare.vue

@@ -27,7 +27,7 @@ const copy = async (string: string) => {
   try {
     await copyText(string)
     showToast({ title: t('donationUrlCopySuccess') })
-  } catch (error: any) {
+  } catch (error: unknown) {
     alert(t('donationUrlCopyError'))
   }
 }

package/composables/useDateTime.ts

@@ -11,6 +11,5 @@ export const useDateTime = () => {
       : timezoneCookie.value || undefined
 
   return (dateTime?: string | number | Dayjs | Date | null) =>
-    // @ts-ignore `tz` should be part of `$dayjs` (https://github.com/iamkun/dayjs/issues/2106)
     $dayjs(dateTime).tz(timezone)
 }

package/composables/useFireError.ts

@@ -5,7 +5,7 @@ import type { Ref } from 'vue'
 export const useFireError = () => {
   const { t } = useI18n()
 
-  return ({ error }: { error: Error }, api?: Ref<any>) => {
+  return ({ error }: { error: Error }, api?: Ref<{ errors: Error[] }>) => {
     Swal.fire({
       icon: 'error',
       title: t('globalStatusError'),

package/composables/useLoadingDoneIndicator.ts

@@ -7,7 +7,7 @@ export const useLoadingDoneIndicator = (id?: string) => {
   if (!loadingId)
     throw createError({ statusCode: 500, statusMessage: 'Loading id missing!' })
 
-  const loadingIdToAdd = `${process.server ? 'ssr' : 'csr'}_${loadingId}`
+  const loadingIdToAdd = `${import.meta.server ? 'ssr' : 'csr'}_${loadingId}`
 
   if (loadingIds.value.includes(loadingIdToAdd)) {
     throw createError({
@@ -18,7 +18,7 @@ export const useLoadingDoneIndicator = (id?: string) => {
 
   const loadingIdSsr = `ssr_${loadingId}`
 
-  if (process.client && loadingIds.value.includes(loadingIdSsr)) {
+  if (import.meta.client && loadingIds.value.includes(loadingIdSsr)) {
     loadingIds.value.splice(loadingIds.value.indexOf(loadingIdSsr), 1)
   }
 

package/locales/de.json

@@ -5,7 +5,6 @@
   "globalStatusLoading": "Lade...",
   "globalValidationFailed": "Bitte überprüfe deine Eingaben 🙈",
   "globalValidationFormat": "Falsches Format",
-  "globalValidationFormatIncorrect": "Falsches Format",
   "globalValidationFormatUrlHttps": "Muss mit \"https://\" beginnen",
   "globalValidationLength": "Zu lang",
   "globalValidationRequired": "Pflichtfeld",

package/locales/en.json

@@ -5,7 +5,6 @@
   "globalStatusLoading": "Loading...",
   "globalValidationFailed": "Please check your input 🙈",
   "globalValidationFormat": "Incorrect format",
-  "globalValidationFormatIncorrect": "Incorrect format",
   "globalValidationFormatUrlHttps": "Must start with \"https://\"",
   "globalValidationLength": "Too long",
   "globalValidationRequired": "Required",

package/nuxt.config.ts

@@ -39,6 +39,7 @@ export default defineNuxtConfig(
       modules: [
         '@dargmuesli/nuxt-cookie-control',
         '@nuxt/devtools',
+        '@nuxt/eslint',
         '@nuxt/image',
         '@nuxtjs/color-mode',
         '@nuxtjs/html-validator',
@@ -69,7 +70,7 @@ export default defineNuxtConfig(
                 ;(
                   nuxtConfigSecurity.headers.contentSecurityPolicy as Record<
                     string,
-                    any
+                    unknown
                   >
                 )[key] = [...new Set(valueFiltered)]
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "11.0.2",
+  "version": "11.1.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -12,8 +12,9 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.15.6",
+  "packageManager": "pnpm@8.15.7",
   "files": [
+    ".config",
     "assets",
     "components",
     "composables",
@@ -60,8 +61,8 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "4.9.0",
-    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.9",
-    "@nuxtjs/eslint-config-typescript": "12.1.0",
+    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.11",
+    "@nuxt/eslint": "0.3.7",
     "@playwright/test": "1.43.1",
     "@unhead/vue": "1.9.5",
     "@urql/devtools": "2.0.3",
@@ -71,12 +72,12 @@
     "cookie-es": "1.1.0",
     "cross-env": "7.0.3",
     "defu": "6.1.4",
-    "eslint": "8.57.0",
+    "eslint": "9.0.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-compat": "4.2.0",
-    "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-yml": "1.14.0",
+    "globals": "15.0.0",
     "h3": "1.11.1",
     "jiti": "1.21.0",
     "lint-staged": "15.2.2",
@@ -93,14 +94,14 @@
     "tailwindcss": "3.4.3",
     "ufo": "1.5.3",
     "unhead": "1.9.5",
-    "vue": "3.4.21",
+    "vue": "3.4.22",
     "vue-router": "4.3.0",
     "vue-tsc": "2.0.13"
   },
   "peerDependencies": {
     "nuxt": "3.11.2",
     "playwright-core": "1.43.1",
-    "vue": "3.4.21",
+    "vue": "3.4.22",
     "vue-router": "4.3.0"
   },
   "scripts": {
@@ -111,12 +112,12 @@
     "dev": "pnpm run start:dev",
     "generate": "pnpm run build:static",
     "lint:fix": "pnpm run lint:js --fix && pnpm run lint:ts --fix && pnpm run lint:style --fix",
-    "lint:js": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
+    "lint:js": "eslint --cache .",
     "lint:staged": "lint-staged",
     "lint:style": "stylelint --cache \"**/*.{vue,css}\" --ignore-path .gitignore",
     "lint:ts": "nuxt typecheck",
     "lint": "pnpm run lint:js && pnpm run lint:ts && pnpm run lint:style",
-    "prepare": "nuxt prepare .playground",
+    "prepare": "nuxt prepare && nuxt prepare .playground",
     "preview": "nuxt preview .playground",
     "start:dev": "nuxt dev .playground",
     "start:node": "node .playground/.output/server/index.mjs",

package/types/api.d.ts

@@ -1,7 +1,7 @@
 import type { CombinedError } from '@urql/core'
 
 export type ApiData = ComputedRef<{
-  data?: Object
+  data?: object
   errors: BackendError[]
   isFetching: boolean
 }>

package/types/modules/gql.d.ts

@@ -1,5 +1,5 @@
 declare module '*.gql' {
-  import { DocumentNode } from 'graphql'
+  import type { DocumentNode } from 'graphql'
 
   const content: DocumentNode
   export default content

package/types/modules/graphql.d.ts

@@ -1,5 +1,5 @@
 declare module '*.graphql' {
-  import { DocumentNode } from 'graphql'
+  import type { DocumentNode } from 'graphql'
 
   const content: DocumentNode
   export default content

package/utils/auth.ts

@@ -1,4 +1,4 @@
-import { IncomingMessage, ServerResponse } from 'node:http'
+import type { IncomingMessage, ServerResponse } from 'node:http'
 
 import { consola } from 'consola'
 import { parse, serialize } from 'cookie-es'
@@ -37,7 +37,7 @@ export const jwtStore = async ({
   res,
   jwt,
 }: {
-  $urqlReset: Function
+  $urqlReset: () => void
   store: Store
   res?: ServerResponse
   jwt?: string
@@ -47,7 +47,7 @@ export const jwtStore = async ({
   consola.trace('Storing the following JWT: ' + jwt)
   ;(store as unknown as { jwtSet: (jwtNew?: string) => void }).jwtSet(jwt)
 
-  if (process.server) {
+  if (import.meta.server) {
     res?.setHeader(
       'Set-Cookie',
       serialize(JWT_NAME(), jwt || '', {
@@ -64,7 +64,7 @@ export const jwtStore = async ({
         method: 'POST',
         ...(jwt ? { headers: { Authorization: `Bearer ${jwt}` } } : {}),
       })
-    } catch (error: any) {
+    } catch (error: unknown) {
       return Promise.reject(Error('Authentication api call failed.'))
     }
   }
@@ -74,13 +74,10 @@ export const useJwtStore = () => {
   const { $urqlReset, ssrContext } = useNuxtApp()
   const store = useVioAuthStore()
 
-  if (typeof $urqlReset !== 'function')
-    throw new Error('`$urqlReset` is not a function!')
-
   return {
     async jwtStore(jwt?: string) {
       await jwtStore({
-        $urqlReset,
+        $urqlReset: $urqlReset as () => void,
         store,
         res: ssrContext ? ssrContext.event.node.res : undefined,
         jwt,
@@ -94,7 +91,7 @@ export const signOut = async ({
   store,
   res,
 }: {
-  $urqlReset: Function
+  $urqlReset: () => void
   store: Store
   res?: ServerResponse
 }) => await jwtStore({ $urqlReset, store, res })
@@ -109,7 +106,7 @@ export const useSignOut = () => {
   return {
     async signOut() {
       await signOut({
-        $urqlReset,
+        $urqlReset: $urqlReset as () => void,
         store,
         res: ssrContext ? ssrContext.event.node.res : undefined,
       })

package/utils/networking.ts

@@ -1,5 +1,5 @@
-import { CombinedError } from '@urql/core'
-import { H3Event, getCookie } from 'h3'
+import type { CombinedError } from '@urql/core'
+import { type H3Event, getCookie } from 'h3'
 
 import { type Ref } from 'vue'
 
@@ -103,7 +103,7 @@ export const getServiceHref = ({
 
   if (stagingHost) {
     return `https://${nameSubdomainString}${stagingHost}`
-  } else if (isSsr && process.server) {
+  } else if (isSsr && import.meta.server) {
     return `http://${name}${portString}`
   } else {
     return `https://${nameSubdomainString}${getDomainTldPort(host)}`