@iqual/nuxt-icms 1.5.20 → 1.5.21

package/components/DesignSystem/Atoms/Button.vue

@@ -22,7 +22,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme, ButtonStyle } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 import { tv } from 'tailwind-variants'
 

package/components/DesignSystem/Atoms/Caption.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script setup lang="ts">
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DesignSystemAtomsCaption')
 
 defineProps<{

package/components/DesignSystem/Atoms/Container.vue

@@ -6,7 +6,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DesignSystemAtomsContainer')
 
 const props = withDefaults(

package/components/DesignSystem/Atoms/GridRow.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DesignSystemAtomsGridRow')
 
 defineProps<{

package/components/DesignSystem/Atoms/LinkListItem.vue

@@ -30,7 +30,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DesignSystemAtomsLinkListItem')
 
 defineProps<{

package/components/DesignSystem/Molecules/ButtonGroup.vue

@@ -25,7 +25,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemMoleculesButtonGroup')
 

package/components/DesignSystem/Molecules/IconText.vue

@@ -25,7 +25,6 @@
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemMoleculesIconText')
 

package/components/DesignSystem/Molecules/MediaLightbox.vue

@@ -219,9 +219,7 @@
 
 <script lang="ts" setup>
 import type { MediaFragment } from '#graphql-operations'
-import { ref, computed, nextTick, onMounted, onUnmounted, watch } from 'vue'
-import { ChevronLeft, ChevronRight, X, AlertCircle } from 'lucide-vue-next'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
+import { X, AlertCircle } from 'lucide-vue-next'
 
 interface Props {
   mediaObjects: MediaFragment[]

package/components/DesignSystem/Molecules/MediaSlider.vue

@@ -75,8 +75,6 @@ import type { ColorScheme, ImageFormat } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
-import { useMediaLightbox } from '@iqual/nuxt-icms/composables/useMediaLightbox'
 
 const themedClass = useTheme('DesignSystemMoleculesMediaSlider')
 

package/components/DesignSystem/Molecules/Partnership.vue

@@ -22,7 +22,6 @@
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemMoleculesPartnership')
 

package/components/DesignSystem/Molecules/Table.vue

@@ -75,7 +75,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import * as LucideIcons from 'lucide-vue-next'
 
 const themedClass = useTheme('DesignSystemMoleculesTable')

package/components/DesignSystem/Molecules/TitleComposition.vue

@@ -22,7 +22,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemMoleculesTitleComposition')
 

package/components/DesignSystem/Organisms/CallToAction.vue

@@ -64,7 +64,6 @@ import type {
 } from '@iqual/nuxt-icms/types/global'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsCallToAction')
 

package/components/DesignSystem/Organisms/CallToActionFeature.vue

@@ -79,7 +79,6 @@ import type {
   AlignHorizontalFull,
 } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DesignSystemOrganismsCallToActionFeature')
 
 defineProps<{

package/components/DesignSystem/Organisms/CallToActionFullwidth.vue

@@ -62,7 +62,6 @@ import type {
   AlignHorizontalFull,
 } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsCallToActionFullwidth')
 

package/components/DesignSystem/Organisms/ContentBlock.vue

@@ -51,7 +51,6 @@
 import type { ColorScheme, ImageFormat } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsContentBlock')
 

package/components/DesignSystem/Organisms/FacetedListing.vue

@@ -145,7 +145,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 import { tv } from 'tailwind-variants'
 

package/components/DesignSystem/Organisms/FactCard.vue

@@ -25,7 +25,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const themedClass = useTheme('DesignSystemOrganismsFactCard')

package/components/DesignSystem/Organisms/FeatureCard.vue

@@ -93,7 +93,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/DesignSystem/Organisms/FlipTeaser.vue

@@ -110,7 +110,6 @@ import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsFlipTeaser')
 

package/components/DesignSystem/Organisms/HeaderHero.vue

@@ -110,7 +110,6 @@
 
 <script lang="ts" setup>
 import { type MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<{
   title?: string

package/components/DesignSystem/Organisms/HeaderTextImage.vue

@@ -45,7 +45,6 @@
 
 <script lang="ts" setup>
 import { type MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<{
   title?: string

package/components/DesignSystem/Organisms/LinkList.vue

@@ -43,7 +43,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme, TeaserStyle } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const themedClass = useTheme('DesignSystemOrganismsLinkList')

package/components/DesignSystem/Organisms/LogoElement.vue

@@ -22,7 +22,6 @@
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsLogoElement')
 

package/components/DesignSystem/Organisms/SearchResults.vue

@@ -22,7 +22,6 @@
 
 <script setup lang="ts">
 import type { ContentSearchQuery } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 type GroupedSearchResults = NonNullable<
   NonNullable<ContentSearchQuery['searchApiQuery']>['facets']

package/components/DesignSystem/Organisms/SpotlightCard.vue

@@ -67,7 +67,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const themedClass = useTheme('DesignSystemOrganismsSpotlightCard')

package/components/DesignSystem/Organisms/TeamElement.vue

@@ -99,7 +99,6 @@
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsTeamElement')
 

package/components/DesignSystem/Organisms/TeaserCard.vue

@@ -92,7 +92,6 @@ import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsTeaserCard')
 

package/components/DesignSystem/Organisms/TeaserSimple.vue

@@ -30,7 +30,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const themedClass = useTheme('DesignSystemOrganismsTeaserSimple')

package/components/DesignSystem/Organisms/Testimonial.vue

@@ -71,7 +71,6 @@
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsTestimonial')
 

package/components/DesignSystem/Organisms/TextCard.vue

@@ -64,7 +64,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const themedClass = useTheme('DesignSystemOrganismsTextCard')

package/components/DesignSystem/Organisms/TimelineElement.vue

@@ -56,7 +56,6 @@
 <script lang="ts" setup>
 import type { ColorScheme, ImageFormat } from '@iqual/nuxt-icms/types/global'
 import type { MediaFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsTimelineElement')
 

package/components/DesignSystem/Organisms/TwoColumnTextElement.vue

@@ -57,10 +57,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { Ref } from 'vue'
 import type { AlignHorizontalReduced } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('DesignSystemOrganismsTwoColumnTextElement')
 

package/components/DesignSystem/Pages/Search.vue

@@ -32,8 +32,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
-
 const themedClass = useTheme('DesignSystemPagesSearch')
+
 const { $texts } = useNuxtApp()
 </script>

package/components/Drupal/Breadcrumb/index.vue

@@ -34,7 +34,6 @@
 import type { BreadcrumbFragment } from '#graphql-operations'
 import type { Langcode } from '#nuxt-language-negotiation/config'
 import { NuxtLink } from '#components'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const themedClass = useTheme('DrupalBreadcrumb')
 
 const props = defineProps<{

package/components/Drupal/Messages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="messages.length"
-    class="fixed bottom-0 left-0 z-[9999999] w-full"
+    class="fixed bottom-0 left-0 z-9999999 w-full"
     :class="themedClass('wrapperClass', 'text-white')"
   >
     <div
@@ -20,7 +20,7 @@
 <script lang="ts" setup>
 import type { DrupalMessageType } from '@iqual/nuxt-icms/composables/useDrupalMessages'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
+
 const themedClass = useTheme('DrupalMessages')
 
 const props = defineProps<{

package/components/Drupal/Webform/index.vue

@@ -67,8 +67,6 @@ import type {
   SubmissionPreprocessor,
   WebformElement,
 } from '@iqual/nuxt-icms/components/Form/utils/types'
-import { useDrupalMessages } from '@iqual/nuxt-icms/composables/useDrupalMessages'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { $texts } = useNuxtApp()
 const themedClass = useTheme('DrupalWebform')

package/components/Form/CheckboxInput.vue

@@ -3,7 +3,6 @@ import type { CheckboxesProps } from '@iqual/nuxt-icms/components/Form/utils/typ
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: CheckboxesProps; debug: boolean }>()

package/components/Form/CheckboxInputs.vue

@@ -3,7 +3,6 @@ import type { CheckboxesProps } from '@iqual/nuxt-icms/components/Form/utils/typ
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: CheckboxesProps; debug: boolean }>()

package/components/Form/FileInput.vue

@@ -2,7 +2,6 @@
 import type { FileInputProps } from '@iqual/nuxt-icms/components/Form/utils/types'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormDefaultValue } from './composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: FileInputProps; debug: boolean }>()

package/components/Form/RadioButtonsInput.vue

@@ -3,7 +3,6 @@ import type { CheckboxesProps } from '@iqual/nuxt-icms/components/Form/utils/typ
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: CheckboxesProps; debug: boolean }>()

package/components/Form/SelectInput.vue

@@ -3,7 +3,6 @@ import type { SelectProps } from '@iqual/nuxt-icms/components/Form/utils/types'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: SelectProps; debug: boolean }>()

package/components/Form/TextAreaInput.vue

@@ -3,7 +3,6 @@ import type { TextareaInputProps } from '@iqual/nuxt-icms/components/Form/utils/
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: TextareaInputProps; debug: boolean }>()

package/components/Form/TextEmailInput.vue

@@ -3,7 +3,6 @@ import type { TextInputProps } from '@iqual/nuxt-icms/components/Form/utils/type
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: TextInputProps; debug: boolean }>()

package/components/Form/TextInput.vue

@@ -3,7 +3,6 @@ import type { TextInputProps } from '@iqual/nuxt-icms/components/Form/utils/type
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: TextInputProps; debug: boolean }>()

package/components/Form/TextPhoneInput.vue

@@ -3,7 +3,6 @@ import type { TextInputProps } from '@iqual/nuxt-icms/components/Form/utils/type
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { useFormElement } from '@iqual/nuxt-icms/components/Form/composables/useFormElement'
 import { useFormDefaultValue } from '@iqual/nuxt-icms/components/Form/composables/useFormDefaultValue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: TextInputProps; debug: boolean }>()

package/components/Form/WebformMarkup.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { MarkupProps } from '@iqual/nuxt-icms/components/Form/utils/types'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<{ formElement: MarkupProps; debug: boolean }>()

package/components/Media/Icon/index.vue

@@ -9,7 +9,6 @@
 
 <script lang="ts" setup>
 import type { MediaIconFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('MediaIcon')
 

package/components/Media/Image/index.vue

@@ -35,7 +35,6 @@
 
 <script lang="ts" setup>
 import type { MediaImageFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import type { ImageFormat } from '@iqual/nuxt-icms/types/global'
 
 const themedClass = useTheme('MediaImage')

package/components/Media/RemoteVideo/index.vue

@@ -52,7 +52,6 @@
 
 <script lang="ts" setup>
 import type { MediaRemoteVideoFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('MediaRemoteVideo')
 

package/components/Media/Video/index.vue

@@ -21,7 +21,6 @@
 
 <script lang="ts" setup>
 import type { MediaVideoFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('MediaVideo')
 

package/components/Paragraph/Button/Element/index.vue

@@ -17,7 +17,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { ParagraphIcmsButtonElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('ParagraphButtonElement')
 

package/components/Paragraph/Card/Layout/index.vue

@@ -67,7 +67,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutCardsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 const themedClass = useTheme('ParagraphCardLayout')
 

package/components/Paragraph/Collapsible/Element/index.vue

@@ -31,7 +31,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Paragraph/Collapsible/Layout/index.vue

@@ -201,7 +201,6 @@
 
 <script lang="ts" setup>
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 import type {

package/components/Paragraph/Contact/index.vue

@@ -82,12 +82,11 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutContactFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const props = defineProps<ParagraphIcmsLayoutContactFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphContact')
 

package/components/Paragraph/Downloads/index.vue

@@ -94,7 +94,6 @@ import type { ParagraphIcmsLayoutDownloadsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutDownloadsFragment>()
 

package/components/Paragraph/FAQ/Element/index.vue

@@ -28,7 +28,6 @@
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { ParagraphIcmsFaqElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 defineProps<ParagraphIcmsFaqElementFragment>()

package/components/Paragraph/FAQ/Layout/index.vue

@@ -111,7 +111,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutFaqFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 import { tv } from 'tailwind-variants'
 
@@ -119,7 +118,7 @@ const props = defineProps<ParagraphIcmsLayoutFaqFragment>()
 
 const themedClass = useTheme('ParagraphFAQLayout')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 // Transform faqElements into UAccordion format
 const accordionItems = computed(() => {

package/components/Paragraph/Gallery/index.vue

@@ -102,8 +102,6 @@ import type {
 } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
-import { useMediaLightbox } from '@iqual/nuxt-icms/composables/useMediaLightbox'
 
 const { options } = useAttrs().blokkliData as any
 

package/components/Paragraph/HeroImage/index.vue

@@ -91,7 +91,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutHeroImageFragment } from '#graphql-operations'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutHeroImageFragment>()
 

package/components/Paragraph/IconText/Element/index.vue

@@ -13,7 +13,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsIconTextElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsIconTextElementFragment>()
 

package/components/Paragraph/IconText/Layout/index.vue

@@ -75,13 +75,12 @@
 import type { ParagraphIcmsLayoutTextcolIconlistFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const props = defineProps<ParagraphIcmsLayoutTextcolIconlistFragment>()
 
 const themedClass = useTheme('ParagraphIconTextLayout')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const parentColorScheme = inject<ColorScheme>('colorScheme', 'none')
 const colorScheme = computed(() => {

package/components/Paragraph/Introduction/index.vue

@@ -81,12 +81,11 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextImageIntroFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextImageIntroFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphIntroduction')
 

package/components/Paragraph/LinkLists/Element/index.vue

@@ -15,7 +15,7 @@ import type { ParagraphIcmsLinkListElementFragment } from '#graphql-operations'
 
 const props = defineProps<ParagraphIcmsLinkListElementFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const teaserStyle = computed(() => {
   return options.value.teaserStyle

package/components/Paragraph/LinkLists/Layout/index.vue

@@ -69,7 +69,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutLinkListsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 const themedClass = useTheme('ParagraphLinkListsLayout')
 

package/components/Paragraph/Logo/Element/index.vue

@@ -12,7 +12,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLogoElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLogoElementFragment>()
 

package/components/Paragraph/Media/index.vue

@@ -56,13 +56,12 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutMediaFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutMediaFragment>()
 
 const themedClass = useTheme('ParagraphMedia')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const parentColorScheme = inject<ColorScheme>('colorScheme', 'none')
 const colorScheme = computed(() => {

package/components/Paragraph/Partnerships/Element/index.vue

@@ -13,7 +13,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsPartnershipElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsPartnershipElementFragment>()
 

package/components/Paragraph/Partnerships/Layout/index.vue

@@ -105,11 +105,10 @@ import type { ParagraphIcmsLayoutPartnershipsFragment } from '#graphql-operation
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 import { tv } from 'tailwind-variants'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutPartnershipsFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphPartnershipsLayout')
 

package/components/Paragraph/SingleTestimonial/index.vue

@@ -105,7 +105,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTestimonialFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTestimonialFragment>()

package/components/Paragraph/Table/index.vue

@@ -72,7 +72,6 @@
 import type { ParagraphIcmsLayoutTableFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayoutTableFragment>()
 const themedClass = useTheme('ParagraphTable')

package/components/Paragraph/Team/Element/index.vue

@@ -28,7 +28,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTeamElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsTeamElementFragment>()
 

package/components/Paragraph/Team/Layout/index.vue

@@ -64,12 +64,11 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTeamFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const props = defineProps<ParagraphIcmsLayoutTeamFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTeamLayout')
 

package/components/Paragraph/Teasers/index.vue

@@ -123,7 +123,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTeasersFragment } from '#graphql-operations'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 
 const props = defineProps<ParagraphIcmsLayoutTeasersFragment>()

package/components/Paragraph/Testimonial/Element/index.vue

@@ -40,7 +40,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTestimonialElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsTestimonialElementFragment>()

package/components/Paragraph/Testimonial/Layout/index.vue

@@ -103,7 +103,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTestimonialsFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Paragraph/Text/index.vue

@@ -51,7 +51,6 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextFragment>()

package/components/Paragraph/TextMedia/index.vue

@@ -63,13 +63,12 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTextMediaFragment } from '#graphql-operations'
-import type { ColorScheme, ImageFormat } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
+import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 defineProps<ParagraphIcmsLayoutTextMediaFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTextMedia')
 const textColumnClassList = computed(() => {

package/components/Paragraph/Timeline/Element/index.vue

@@ -31,13 +31,12 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsTimelineElementFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsTimelineElementFragment>()
 
 const themedClass = useTheme('ParagraphTimelineElement')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const reverseColumns = computed(() => {
   return options.value.alignHorizontalReduced === 'right' ? true : false

package/components/Paragraph/Timeline/Layout/index.vue

@@ -240,13 +240,12 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcmsLayoutTimelineFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const props = defineProps<ParagraphIcmsLayoutTimelineFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTimelineLayout')
 const { isMobile } = useIsMobile()

package/components/Paragraph/TwoColumnText/Element/index.vue

@@ -27,7 +27,6 @@
 
 <script lang="ts" setup>
 import type { ParagraphIcms2ColTextElementFragment } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcms2ColTextElementFragment>()
 

package/components/Paragraph/TwoColumnText/Layout/index.vue

@@ -15,11 +15,10 @@
 <script lang="ts" setup>
 import type { ParagraphIcmsLayout2ColTextElementsFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<ParagraphIcmsLayout2ColTextElementsFragment>()
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const themedClass = useTheme('ParagraphTwoColumnTextLayout')
 

package/components/Paragraph/iFrame/index.vue

@@ -58,13 +58,12 @@
 import type { ParagraphIcmsLayoutIframeFragment } from '#graphql-operations'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import cn from '@iqual/nuxt-icms/composables/useCn'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const props = defineProps<ParagraphIcmsLayoutIframeFragment>()
 
 const themedClass = useTheme('ParagraphiFrame')
 
-const { options, isEditing } = useAttrs().blokkliData
+const { options, isEditing } = useAttrs().blokkliData as any
 
 const widthClassList = computed(() => {
   if (options.value.width === 'medium') {

package/components/Search/Facets/FacetDropdownUI.vue

@@ -194,7 +194,6 @@
 
 <script setup lang="ts">
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Search/Facets/FacetedSearchUI.vue

@@ -195,10 +195,8 @@ Facets: {{ facetData.length }} items</pre
 </template>
 
 <script lang="ts" setup>
-import { nextTick } from 'vue'
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
 import type { SearchApiQueryFilterInput } from '#graphql-operations'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Search/Input/index.vue

@@ -31,7 +31,6 @@
 
 <script lang="ts" setup>
 import type { ColorScheme } from '@iqual/nuxt-icms/types/global'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import { tv } from 'tailwind-variants'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 

package/components/Section/Footer/index.vue

@@ -252,7 +252,6 @@
 
 <script lang="ts" setup>
 import type { NuxtSvgSpriteSymbol } from '#nuxt-svg-icon-sprite/runtime'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const themedClass = useTheme('SectionFooter')

package/components/Section/Header/Buttons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 defineProps<{
   buttons: any[] | undefined

package/components/Section/Header/DesktopMainMenu.vue

@@ -92,7 +92,6 @@
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
 import DesktopMainMenuDropdown from '@iqual/nuxt-icms/components/Section/Header/DesktopMainMenuDropdown.vue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const { menuItems, menuItemActive } = await useMenu('mainMenu')

package/components/Section/Header/DesktopMainMenuDropdown.vue

@@ -78,7 +78,6 @@
 <script lang="ts" setup>
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const themedClass = useTheme('SectionHeaderDesktopMainMenuDropdown')

package/components/Section/Header/LanguageDropdown.vue

@@ -104,7 +104,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const themedClass = useTheme('SectionHeaderLanguageDropdown')
 const links = useLanguageLinks()

package/components/Section/Header/LanguageLinks.vue

@@ -34,7 +34,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { close } = useMobileMenuOverlayBus()
 
 const themedClass = useTheme('SectionHeaderLanguageLinks')

package/components/Section/Header/Logo.vue

@@ -16,7 +16,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { companyLogo, companyName } = await useGlobalConfig()
 
 const themedClass = useTheme('SectionHeaderLogo')

package/components/Section/Header/MainButtons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { contactButtons } = await useGlobalConfig()
 const themedClass = useTheme('SectionHeaderMainButtons')

package/components/Section/Header/MenuIcon.vue

@@ -60,7 +60,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 defineProps<{
   isInClosableState: boolean
 }>()

package/components/Section/Header/MetaButtons.vue

@@ -21,7 +21,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { metaLinks } = await useGlobalConfig()
 const themedClass = useTheme('SectionHeaderMetaButtons')

package/components/Section/Header/MetaMenu.vue

@@ -62,7 +62,6 @@
 </template>
 
 <script setup lang="ts">
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const { menuItems, menuItemActive } = await useMenu('metaMenu')

package/components/Section/Header/MobileMainMenu.vue

@@ -16,7 +16,6 @@
 
 <script lang="ts" setup>
 import MobileMainMenuItem from './MobileMainMenuItem.vue'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 const { menuItems, menuItemActive } = await useMenu('mainMenu')
 
 const themedClass = useTheme('SectionHeaderMobileMainMenu')

package/components/Section/Header/MobileMainMenuItem.vue

@@ -94,7 +94,6 @@
 <script lang="ts" setup>
 import type { MappedMenuLink } from '@iqual/nuxt-icms/plugins/initData'
 import { NuxtLink } from '#components'
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 import cn from '@iqual/nuxt-icms/composables/useCn'
 
 const route = useRoute()

package/components/Section/Header/index.vue

@@ -174,7 +174,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useTheme } from '@iqual/nuxt-icms/composables/useTheme'
 
 const { metaLinks, contactButtons } = await useGlobalConfig()
 const { menuItems: metaMenuItems } = await useMenu('metaMenu')

package/error.vue

@@ -22,7 +22,6 @@ const route = useRoute()
 const drupalUser = useDrupalUser()
 const language = useCurrentLanguage()
 
-import { onMounted } from 'vue'
 
 const isEditing = computed(
   () =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iqual/nuxt-icms",
-  "version": "1.5.20",
+  "version": "1.5.21",
   "description": "ICMS Base",
   "type": "module",
   "private": false,