From df643c15ed47efa4e32fca87cb8cc207aac8eba4 Mon Sep 17 00:00:00 2001
From: Jens Kuerschner <mail@jenskuerschner.de>
Date: Thu, 4 Apr 2024 16:40:56 +0200
Subject: [PATCH] fixes

---
 .../integration/integrationGuidesOverview.vue |  2 +-
 .../playground/attrs/layoutAttrs.vue          |  2 +-
 demo/pages/use-with-nextjs.vue                |  1 -
 demo/pages/use-with-wix.vue                   | 24 ++-----------------
 4 files changed, 4 insertions(+), 25 deletions(-)

diff --git a/demo/components/integration/integrationGuidesOverview.vue b/demo/components/integration/integrationGuidesOverview.vue
index 394a86fa..86bb9be6 100644
--- a/demo/components/integration/integrationGuidesOverview.vue
+++ b/demo/components/integration/integrationGuidesOverview.vue
@@ -31,7 +31,7 @@ const localePath = useLocalePath();
           <NextJS class="self-center p-4 group-hover:drop-shadow-light-xl" />
           <div class="self-center p-4 pt-0">Next.js</div>
         </NuxtLink>
-        <NuxtLink class="tech-stack-button hover:border-nuxt hover:from-nuxt hover:to-nuxt dark:hover:border-nuxt dark:hover:from-nuxt dark:hover:to-nuxt group h-32 w-32 hover:text-white dark:hover:text-white xs:h-36 xs:w-40" :to="localePath('use-with-nuxt')">
+        <NuxtLink class="tech-stack-button group h-32 w-32 hover:border-nuxt hover:from-nuxt hover:to-nuxt hover:text-white dark:hover:border-nuxt dark:hover:from-nuxt dark:hover:to-nuxt dark:hover:text-white xs:h-36 xs:w-40" :to="localePath('use-with-nuxt')">
           <Nuxt class="self-center p-4" />
           <div class="self-center p-4 pt-0">Nuxt 3</div>
         </NuxtLink>
diff --git a/demo/components/playground/attrs/layoutAttrs.vue b/demo/components/playground/attrs/layoutAttrs.vue
index 25e5cf46..65e07202 100644
--- a/demo/components/playground/attrs/layoutAttrs.vue
+++ b/demo/components/playground/attrs/layoutAttrs.vue
@@ -78,7 +78,7 @@ function onHideTextOptionsUpdate(options: string[]) {
   <div class="grid">
     <Select v-model="internalValue[LayoutAttrsKey.OPTIONS]" multiselect :label="t(`labels.inputs.${[LayoutAttrsKey.OPTIONS]}`.toLocaleLowerCase())" :options="Object.values(Option)" class="mb-3 border-b border-zinc-400 pb-4 dark:border-zinc-600" />
 
-    <div class="mb-3 flex items-center justify-between z-0">
+    <div class="z-0 mb-3 flex items-center justify-between">
       <Select v-model="internalValue[LayoutAttrsKey.BUTTON_STYLE]" :label="t(`labels.inputs.${[LayoutAttrsKey.BUTTON_STYLE]}`.toLocaleLowerCase())" :options="Object.values(ButtonStyle)" class="mr-5 flex-1" />
       <Switch v-model="internalValue[LayoutAttrsKey.IS_BUTTONS_LIST]" :label="t(`labels.inputs.${[LayoutAttrsKey.IS_BUTTONS_LIST]}`.toLocaleLowerCase())" class="pb-0 pt-6" />
     </div>
diff --git a/demo/pages/use-with-nextjs.vue b/demo/pages/use-with-nextjs.vue
index 164777e5..64b5934b 100644
--- a/demo/pages/use-with-nextjs.vue
+++ b/demo/pages/use-with-nextjs.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import GuideSidebar from "@/components/integration/guideSidebar.vue";
-import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/outline';
 const LazyCodeBlock = defineAsyncComponent(() => import('@/components/codeBlock.vue'));
 const { locale } = useI18n();
 
diff --git a/demo/pages/use-with-wix.vue b/demo/pages/use-with-wix.vue
index 155945a6..52161a8b 100644
--- a/demo/pages/use-with-wix.vue
+++ b/demo/pages/use-with-wix.vue
@@ -1,31 +1,11 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
 import GuideSidebar from "@/components/integration/guideSidebar.vue";
-const LazyCodeBlock = defineAsyncComponent(() => import('@/components/codeBlock.vue'));
-const { locale } = useI18n();
 
 definePageMeta({
   title: 'navigation.use-with-svelte',
   description: 'meta.use-with-svelte.description',
 });
-
-const today = new Date();
-const nextDay = new Date();
-nextDay.setDate(today.getDate() + 3);
-const defaultDate = nextDay.getFullYear() + '-' + ('0' + (nextDay.getMonth() + 1)).slice(-2) + '-' + ('0' + nextDay.getDate()).slice(-2);
-let defaultLang = (function () {
-  if (locale.value != 'en') {
-    return '\n  language="' + locale.value + '"';
-  }
-  return '';
-})();
-watch(locale, value => {
-  if (value != 'en') {
-    defaultLang = '\n  language="' + locale.value + '"';
-  } else {
-    defaultLang = '';
-  }
-});
 </script>
 
 <template>
@@ -37,9 +17,9 @@ watch(locale, value => {
         <p class="font-semibold">{{ $t('content.guide.wix.intro_2') }}</p>
         <p>{{ $t('content.guide.wix.intro_3') }}</p>
         <p>{{ $t('content.guide.wix.intro_4') }}</p>
-        <a class="button-primary mt-10 mb-16 !flex w-fit mx-auto md:mx-0" href="https://www.wix.com/app-market/add-to-calendar-button" target="_blank">
+        <a class="button-primary mx-auto mb-16 mt-10 !flex w-fit md:mx-0" href="https://www.wix.com/app-market/add-to-calendar-button" target="_blank">
           <span>{{ $t('content.guide.wix.link') }}</span>
-          <ArrowTopRightOnSquareIcon class="w-4 h-4 ml-2" />
+          <ArrowTopRightOnSquareIcon class="ml-2 h-4 w-4" />
         </a>
       </div>
     </div>