@iqual/nuxt-icms 1.5.19 → 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>()