@dargmuesli/nuxt-vio 10.2.2 → 10.2.4

package/components/vio/_/VioError.vue

@@ -12,8 +12,6 @@
 </template>
 
 <script setup lang="ts">
-const httpUtilStatusI18n = await import('@http-util/status-i18n')
-
 interface Props {
   statusCode?: number
   statusMessage?: string
@@ -31,7 +29,10 @@ const { locale, t } = useI18n()
 
 // data
 const title = `${props.statusCode ? `${props.statusCode} - ` : ''}${
-  httpUtilStatusI18n.status(props.statusCode, locale.value) || t('error')
+  (await import('@http-util/status-i18n')).status(
+    props.statusCode,
+    locale.value,
+  ) || t('error')
 }`
 
 // initialization

package/error.vue

@@ -1,12 +1,15 @@
 <template>
-  <NuxtLayout>
-    <VioError
-      :status-code="error.statusCode"
-      :status-message="error.statusMessage"
-      :description="error.message"
-      :stack="error.stack"
-    />
-  </NuxtLayout>
+  <div>
+    <!-- `NuxtLayout` can't be the root element (https://github.com/nuxt/nuxt/issues/25214) -->
+    <NuxtLayout>
+      <VioError
+        :status-code="error.statusCode"
+        :status-message="error.statusMessage"
+        :description="error.message"
+        :stack="error.stack"
+      />
+    </NuxtLayout>
+  </div>
 </template>
 
 <script setup lang="ts">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "10.2.2",
+  "version": "10.2.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -12,7 +12,7 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.14.1",
+  "packageManager": "pnpm@8.14.3",
   "files": [
     "assets",
     "components",
@@ -38,12 +38,12 @@
     "@heroicons/vue": "2.1.1",
     "@http-util/status-i18n": "0.8.1",
     "@nuxt/devtools": "1.0.8",
-    "@nuxt/image": "1.2.0",
+    "@nuxt/image": "1.3.0",
     "@nuxtjs/color-mode": "3.3.2",
     "@nuxtjs/html-validator": "1.6.0",
     "@nuxtjs/i18n": "8.0.0",
     "@nuxtjs/seo": "2.0.0-rc.5",
-    "@nuxtjs/tailwindcss": "6.10.4",
+    "@nuxtjs/tailwindcss": "6.11.0",
     "@pinia/nuxt": "0.5.1",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.10",
@@ -55,14 +55,14 @@
     "dayjs": "2.0.0-alpha.4",
     "jose": "5.2.0",
     "nuxt-security": "1.0.1",
-    "sweetalert2": "11.10.3",
+    "sweetalert2": "11.10.4",
     "vue-gtag": "2.0.1"
   },
   "devDependencies": {
     "@axe-core/playwright": "4.8.3",
     "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.5",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
-    "@playwright/test": "1.40.1",
+    "@playwright/test": "1.41.1",
     "@unhead/vue": "1.8.10",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "6.4.0",
@@ -86,21 +86,21 @@
     "prettier": "3.2.4",
     "prettier-plugin-tailwindcss": "0.5.11",
     "serve": "14.2.1",
-    "stylelint": "16.1.0",
+    "stylelint": "16.2.0",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.0",
     "tailwindcss": "3.4.1",
     "ufo": "1.3.2",
-    "unhead": "1.8.9",
-    "vue": "3.4.14",
+    "unhead": "1.8.10",
+    "vue": "3.4.15",
     "vue-router": "4.2.5",
     "vue-tsc": "1.8.27"
   },
   "peerDependencies": {
     "nuxt": "3.9.3",
-    "playwright-core": "1.40.1",
-    "vue": "3.4.14",
+    "playwright-core": "1.41.1",
+    "vue": "3.4.15",
     "vue-router": "4.2.5"
   },
   "scripts": {

package/plugins/dayjs.ts

@@ -1,16 +1,16 @@
-export default defineNuxtPlugin(async (_nuxtApp) => {
-  const dayjs = (await import('dayjs')).default
+import dayjs from 'dayjs'
 
-  // workaround for [1]
-  const de = (await import('dayjs/locale/de')).default
-  // import 'dayjs/locale/de' does not make locale available
+// workaround for [1]
+import de from 'dayjs/locale/de'
+// import 'dayjs/locale/de' does not make locale available
 
-  const isSameOrBefore = (await import('dayjs/plugin/isSameOrBefore')).default
-  const localizedFormat = (await import('dayjs/plugin/localizedFormat')).default
-  const relativeTime = (await import('dayjs/plugin/relativeTime')).default
-  const timezone = (await import('dayjs/plugin/timezone')).default
-  const utc = (await import('dayjs/plugin/utc')).default
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
+import localizedFormat from 'dayjs/plugin/localizedFormat'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
 
+export default defineNuxtPlugin((_nuxtApp) => {
   dayjs.extend(isSameOrBefore)
   dayjs.extend(localizedFormat)
   dayjs.extend(relativeTime)

package/plugins/gtag.client.ts

@@ -1,10 +1,10 @@
-export default defineNuxtPlugin(async (nuxtApp) => {
+import VueGtag from 'vue-gtag'
+
+export default defineNuxtPlugin((nuxtApp) => {
   const config = useRuntimeConfig()
   const router = useRouter()
   const cookieControl = useCookieControl()
 
-  const VueGtag = (await import('vue-gtag')).default
-
   nuxtApp.vueApp.use(
     VueGtag,
     {