@iqual/nuxt-icms 1.5.21 → 1.5.23

package/components/DesignSystem/Organisms/SearchResults.vue

@@ -14,7 +14,7 @@
     </p>
     <component
       v-for="teaser in results?.results"
-      :is="searchComponent(teaser?.bundle!)"
+      :is="teaserComponent(teaser?.bundle!)"
       v-bind="teaser"
     />
   </div>

package/components/Node/Icms/Page/Teaser/index.vue

@@ -35,8 +35,9 @@ const topicsLabel = computed(() => {
   )
 })
 
+const teaserVariant = inject<Ref<TeaserVariant>>('teaserVariant')!
+
 const getComponent = () => {
-  if (!teaserVariant.value) return 'feature'
   const components: Record<string, Component> = {
     teaser: DesignSystemOrganismsTeaserCard,
     feature: DesignSystemOrganismsFeatureCard,
@@ -47,6 +48,4 @@ const getComponent = () => {
   }
   return components[teaserVariant.value]
 }
-
-const teaserVariant = inject<TeaserVariant>('teaserVariant')
 </script>

package/components/Search/Facets/FacetedSearchUI.vue

@@ -107,30 +107,19 @@ Facets: {{ facetData.length }} items</pre
               :loading="isGroupLoading(group)"
               :group="group"
             >
-              <button
-                @click="loadMoreGroup(group)"
-                :disabled="isGroupLoading(group)"
-                :class="
-                  cn(
-                    button({ colorScheme }),
-                    themedClass('groupLoadMoreButtonClass'),
-                    props.loadMoreButtonClass,
-                  )
+              <DesignSystemAtomsButton
+                :colorScheme="colorScheme"
+                buttonStyle="normal"
+                :label="
+                  isGroupLoading(group)
+                    ? defaultLoadingText
+                    : defaultLoadMoreText
                 "
-              >
-                <span
-                  v-if="!isGroupLoading(group)"
-                  :class="themedClass('groupLoadMoreButtonLabelClass')"
-                >
-                  {{ defaultLoadMoreText }}
-                </span>
-                <span
-                  v-else
-                  :class="themedClass('groupLoadMoreLoadingButtonLabelClass')"
-                >
-                  {{ defaultLoadingText }}
-                </span>
-              </button>
+                :disabled="isGroupLoading(group)"
+                :buttonClass="cn(themedClass('groupLoadMoreButtonClass'), loadMoreButtonClass)"
+                :labelClass="themedClass('groupLoadMoreLabelClass')"
+                @click="loadMoreGroup(group)"
+              />
             </slot>
           </div>
         </div>
@@ -186,7 +175,10 @@ Facets: {{ facetData.length }} items</pre
           buttonStyle="normal"
           :label="loadingMore ? defaultLoadingText : defaultLoadMoreText"
           :disabled="loadingMore"
-          :class="loadMoreButtonClass"
+          :buttonClass="
+            cn(themedClass('globalLoadMoreButtonClass'), loadMoreButtonClass)
+          "
+          :labelClass="themedClass('globalLoadMoreLabelClass')"
           @click="loadMore"
         />
       </slot>
@@ -859,36 +851,6 @@ async function loadMoreGroup(group: any) {
   }
 }
 
-const button = tv({
-  base: themedClass(
-    'buttonBase',
-    'shadow-none h-auto block text-h7 font-medium py-3 px-20 rounded-full duration-300 ease-in-out w-full md:w-fit border disabled:opacity-50 disabled:cursor-not-allowed',
-  ),
-  variants: {
-    colorScheme: {
-      none: themedClass(
-        'buttonVariantsColorSchemeNone',
-        'bg-white text-black hover:bg-black hover:text-white border-black',
-      ),
-      dark: themedClass(
-        'buttonVariantsColorSchemeDark',
-        'bg-white text-black hover:bg-black hover:text-gray-200 border-black',
-      ),
-      light: themedClass(
-        'buttonVariantsColorSchemeLight',
-        'bg-gray-50 text-black hover:bg-black hover:text-white border-black',
-      ),
-      accent: themedClass(
-        'buttonVariantsColorSchemeAccent',
-        'bg-white text-black hover:bg-black hover:text-white border-black',
-      ),
-    },
-  },
-  defaultVariants: {
-    colorScheme: 'none',
-  },
-})
-
 const loadingText = tv({
   base: themedClass('loadingTextBase'),
   variants: {

package/layouts/default.vue

@@ -22,7 +22,9 @@ const route = useRoute()
 const drupalUser = useDrupalUser()
 const language = useCurrentLanguage()
 
-const { entity: node } = await useDrupalRouteQuery('nodeCanonical')
+const node = route.meta.drupalFrontendRoute
+  ? ref(null)
+  : (await useDrupalRouteQuery('nodeCanonical')).entity
 
 useHead({
   htmlAttrs: {

package/package.json

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