@iqual/nuxt-icms 1.5.19 → 1.5.21

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,12 +92,12 @@
 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')
 
 const themedClass = useTheme('SectionHeaderDesktopMainMenu')
+const route = useRoute()
 
 const isActive = (item: MappedMenuLink) => menuItemActive.value?.id === item.id
 const hasSubmenu = (item: MappedMenuLink) => (item.children?.length ?? 0) > 0
@@ -108,6 +108,14 @@ const isOpen = (item: MappedMenuLink) => !!openMap.value[item.id]
 const setOpen = (item: MappedMenuLink, value: boolean) =>
   (openMap.value[item.id] = value)
 
+// Close all dropdowns on navigation
+watch(
+  () => route.path,
+  () => {
+    openMap.value = {}
+  },
+)
+
 function elementType(item: MappedMenuLink) {
   if (item.href) return NuxtLink
   if (item.children?.length) return 'button'

package/components/Section/Header/DesktopMainMenuDropdown.vue

@@ -78,10 +78,10 @@
 <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')
+const route = useRoute()
 
 const props = defineProps<{
   item: MappedMenuLink
@@ -99,6 +99,14 @@ const isOpen = (child: MappedMenuLink) => !!openMap.value[child.id]
 const setOpen = (child: MappedMenuLink, val: boolean) =>
   (openMap.value[child.id] = val)
 
+// Close all nested dropdowns on navigation
+watch(
+  () => route.path,
+  () => {
+    openMap.value = {}
+  },
+)
+
 /**
  * Determines which element type to render for a menu item.
  *

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/nuxt.config.ts

@@ -233,7 +233,8 @@ export default defineNuxtConfig({
   },
 
   colorMode: {
-    preference: 'light'
+    preference: 'light',
+    fallback: 'light',
   },
 
   maplibre: {

package/package.json

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