@dargmuesli/nuxt-vio 20.1.5 → 20.2.0

package/.config/lint.js

@@ -12,9 +12,9 @@ const constants = await jiti.import('../shared/utils/constants.ts')
 // @ts-ignore
 const POLYFILLS = constants.POLYFILLS
 
-const vueI18nConfiguration = vueI18n.configs['flat/recommended']
+const vueI18nConfiguration = vueI18n.configs.recommended
 const compatConfiguration = eslintPluginCompat.configs['flat/recommended']
-const ymlConfiguration = eslintPluginYml.configs['flat/recommended']
+const ymlConfiguration = eslintPluginYml.configs.recommended
 const prettierConfiguration = eslintPluginPrettierRecommended
 
 export const VIO_ESLINT_CONFIG = [

package/app/assets/css/vio.css

@@ -90,7 +90,7 @@
 
   a[target='_blank']:not([is-external-icon-disabled])::after {
     /* inline-table centers the element vertically in the tiptap text area, instead of inline-block */
-    @apply ml-[5px] inline-table h-3 w-3 bg-current;
+    @apply ml-1.25 inline-table h-3 w-3 bg-current;
 
     content: '';
     mask: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhcnJvdy11cC1yaWdodC1mcm9tLXNxdWFyZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWFycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTM4NCAzMjBjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJ2OTZINjRWMTYwaDk2YzE3LjY3IDAgMzItMTQuMzIgMzItMzJzLTE0LjMzLTMyLTMyLTMyTDY0IDk2Yy0zNS4zNSAwLTY0IDI4LjY1LTY0IDY0VjQ0OGMwIDM1LjM0IDI4LjY1IDY0IDY0IDY0aDI4OGMzNS4zNSAwIDY0LTI4LjY2IDY0LTY0di05NkM0MTYgMzM0LjMgNDAxLjcgMzIwIDM4NCAzMjB6TTUwMi42IDkuMzY3QzQ5Ni44IDMuNTc4IDQ4OC44IDAgNDgwIDBoLTE2MGMtMTcuNjcgMC0zMS4xIDE0LjMyLTMxLjEgMzEuMWMwIDE3LjY3IDE0LjMyIDMxLjEgMzEuOTkgMzEuMWg4Mi43NUwxNzguNyAyOTAuN2MtMTIuNSAxMi41LTEyLjUgMzIuNzYgMCA0NS4yNkMxOTEuMiAzNDguNSAyMTEuNSAzNDguNSAyMjQgMzM2bDIyNC0yMjYuOFYxOTJjMCAxNy42NyAxNC4zMyAzMS4xIDMxLjEgMzEuMVM1MTIgMjA5LjcgNTEyIDE5MlYzMS4xQzUxMiAyMy4xNiA1MDguNCAxNS4xNiA1MDIuNiA5LjM2N3oiPjwvcGF0aD48L3N2Zz4K')

package/app/components/vio/form/VioForm.vue

@@ -17,12 +17,14 @@
             :class="{
               'animate-shake': form.$error,
             }"
+            :disabled="isLoading"
             type="submit"
             @click="emit('click')"
           >
             {{ submitName || t('submit') }}
             <template #prefix>
-              <slot name="submit-icon" />
+              <VioLoaderIndicatorSpinner v-if="isLoading" class="size-8" />
+              <slot v-else name="submit-icon" />
             </template>
           </VioButtonColored>
           <VioFormInputStateError v-if="form.$error" class="mt-2">
@@ -49,6 +51,7 @@ interface Props {
   form: BaseValidation
   formClass?: string
   isFormSent?: boolean
+  isLoading?: boolean
   submitName?: string
 }
 const props = withDefaults(defineProps<Props>(), {
@@ -56,6 +59,7 @@ const props = withDefaults(defineProps<Props>(), {
   errorsPgIds: undefined,
   formClass: undefined,
   isFormSent: false,
+  isLoading: undefined,
   submitName: undefined,
 })
 

package/app/components/vio/loader/indicator/VioLoaderIndicatorSpinner.vue

@@ -1,7 +1,7 @@
 <template>
   <VioLoaderIndicator>
     <svg
-      class="animate-spin text-black dark:text-white"
+      class="animate-spin"
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="0 0 24 24"

package/nuxt.config.ts

@@ -4,6 +4,7 @@ import { dirname, join } from 'node:path'
 import tailwindcss from '@tailwindcss/vite'
 import { defu } from 'defu'
 
+import { IS_IN_STACK } from './node'
 import {
   SITE_URL,
   VIO_SITE_NAME,
@@ -29,7 +30,7 @@ export default defineNuxtConfig(
         },
       },
       compatibilityDate: '2024-04-03',
-      ...(process.env.NUXT_PUBLIC_SITE_URL
+      ...(IS_IN_STACK
         ? {}
         : {
             devServer: {

package/package.json

@@ -1,10 +1,10 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.11",
-    "@eslint/compat": "2.0.0",
+    "@dargmuesli/nuxt-cookie-control": "9.1.13",
+    "@eslint/compat": "2.0.1",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.0",
-    "@intlify/eslint-plugin-vue-i18n": "4.1.0",
+    "@intlify/eslint-plugin-vue-i18n": "4.1.1",
     "@nuxt/devtools": "3.1.1",
     "@nuxt/eslint": "1.12.1",
     "@nuxt/image": "2.0.0",
@@ -28,14 +28,14 @@
     "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-compat": "6.0.2",
-    "eslint-plugin-prettier": "5.5.4",
-    "eslint-plugin-yml": "1.19.1",
+    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-yml": "3.0.0",
     "globals": "17.0.0",
     "jiti": "2.6.1",
     "jose": "6.1.3",
     "lucide-vue-next": "0.562.0",
     "nuxt-gtag": "4.1.0",
-    "nuxt-security": "2.5.0",
+    "nuxt-security": "2.5.1",
     "reka-ui": "2.7.0",
     "shadcn-nuxt": "2.4.3",
     "tailwind-merge": "3.4.0",
@@ -44,26 +44,26 @@
     "vue-tsc": "3.2.2"
   },
   "devDependencies": {
-    "@types/node": "24.10.4",
+    "@types/node": "24.10.9",
     "@urql/devtools": "2.0.3",
-    "@urql/exchange-graphcache": "8.1.0",
+    "@urql/exchange-graphcache": "9.0.0",
     "@vueuse/core": "14.1.0",
     "consola": "3.4.2",
     "defu": "6.1.4",
-    "h3": "1.15.4",
-    "lodash-es": "4.17.22",
+    "h3": "1.15.5",
+    "lodash-es": "4.17.23",
     "nuxt": "4.2.2",
     "pinia": "3.0.4",
-    "prettier": "3.7.4",
+    "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "0.7.2",
     "serve": "14.2.5",
     "sharp": "0.34.5",
-    "stylelint": "16.26.1",
+    "stylelint": "17.0.0",
     "stylelint-config-recommended-vue": "1.6.1",
-    "stylelint-config-standard": "39.0.1",
+    "stylelint-config-standard": "40.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.5",
     "tailwindcss": "4.1.18",
-    "vue": "3.5.26",
+    "vue": "3.5.27",
     "vue-router": "4.6.4"
   },
   "engines": {
@@ -114,5 +114,5 @@
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "20.1.5"
+  "version": "20.2.0"
 }