srcdev-nuxt-forms 2.4.20 → 2.4.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components/forms/form-errors/InputError.vue +4 -1
  2. package/composables/useColourScheme.ts +9 -3
  3. package/nuxt.config.ts +0 -1
  4. package/package.json +1 -1
package/components/forms/form-errors/InputError.vue CHANGED
@@ -73,6 +73,7 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
73
73
  --_opacity-hide: 0;
74
74
  --_opacity: var(--_opacity-hide);
75
75
 
76
+ --_border-radius: 0 0 0.4rem 0.4rem;
76
77
  --_display-show: block;
77
78
  --_display-hide: none;
78
79
  --_display: var(--_display-hide);
@@ -97,7 +98,7 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
97
98
 
98
99
  color: var(--theme-error-text);
99
100
  background-color: var(--theme-error-surface);
100
- border-radius: 0 0 0.4rem 0.4rem;
101
+ border-radius: var(--_border-radius);
101
102
 
102
103
  transition-property: grid-template-rows;
103
104
  transition-duration: var(--_transition-duration);
@@ -110,9 +111,11 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
110
111
  }
111
112
 
112
113
  &.outlined {
114
+ --_border-radius: 0;
113
115
  }
114
116
 
115
117
  &.underlined {
118
+ --_border-radius: 0;
116
119
  }
117
120
 
118
121
  .inner {
package/composables/useColourScheme.ts CHANGED
@@ -13,9 +13,15 @@ export const useColourScheme = () => {
13
13
 
14
14
  watch(currentColourScheme, (newVal) => {
15
15
  if (import.meta.client && newVal !== null) {
16
- localStorage.setItem('colourScheme', newVal);
17
- document.documentElement.dataset.colorScheme = newVal;
18
- currentColourScheme.value = newVal;
16
+ if (newVal === 'auto') {
17
+ delete document.documentElement.dataset.colorScheme;
18
+ localStorage.removeItem('colourScheme');
19
+ currentColourScheme.value = 'auto';
20
+ } else {
21
+ localStorage.setItem('colourScheme', newVal);
22
+ document.documentElement.dataset.colorScheme = newVal;
23
+ currentColourScheme.value = newVal;
24
+ }
19
25
  }
20
26
  });
21
27
 
package/nuxt.config.ts CHANGED
@@ -15,7 +15,6 @@ export default defineNuxtConfig({
15
15
  head: {
16
16
  htmlAttrs: {
17
17
  lang: 'en',
18
- 'data-color-scheme': 'auto',
19
18
  },
20
19
  titleTemplate: '%s - Website name',
21
20
  meta: [{ charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "srcdev-nuxt-forms",
3
3
  "type": "module",
4
- "version": "2.4.20",
4
+ "version": "2.4.22",
5
5
  "main": "nuxt.config.ts",
6
6
  "scripts": {
7
7
  "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",