@nuxtify/pages 0.1.0 → 0.2.0

package/dist/module.json

@@ -1,13 +1,13 @@
 {
   "name": "nuxtify-pages",
-  "configKey": "nuxtify",
+  "configKey": "nuxtifyPages",
   "compatibility": {
     "nuxt": ">=3.16.0",
     "bridge": false
   },
-  "version": "0.1.0",
+  "version": "0.2.0",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.1",
+    "unbuild": "3.5.0"
   }
 }

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { defu } from 'defu';
 const module = defineNuxtModule({
   meta: {
     name: "nuxtify-pages",
-    configKey: "nuxtify",
+    configKey: "nuxtifyPages",
     compatibility: {
       nuxt: ">=3.16.0",
       bridge: false

package/dist/runtime/components/EmailSubscribeForm.vue

@@ -1,137 +1,118 @@
-<script setup lang="ts">
-// Types
-import type { VForm } from 'vuetify/lib/components/VForm/index.mjs'
-
-import { useId, navigateTo, useDisplay, ref, useNuxtifyConfig, getUtmParams, getBaseUrl, submitFormData, formRules, isExternalUrl,
-} from '#imports'
-
-// Props
+<script setup>
+import {
+  useId,
+  navigateTo,
+  useDisplay,
+  ref,
+  useNuxtifyConfig,
+  getUtmParams,
+  getBaseUrl,
+  submitFormData,
+  formRules,
+  isExternalUrl
+} from "#imports";
 const props = defineProps({
   submitUrl: {
     type: String,
-    required: true,
+    required: true
   },
   buttonText: {
     type: String,
-    default: 'Subscribe',
+    default: "Subscribe"
   },
   emailPlaceholder: {
     type: String,
-    default: 'Enter your best email',
+    default: "Enter your best email"
   },
   marketingConsentText: {
     type: String,
-    default: 'Unsubscribe any time.',
+    default: "Unsubscribe any time."
   },
   showPrivacy: {
     type: Boolean,
-    default: false,
+    default: false
   },
   redirectUrl: {
     type: String,
-    default: '',
+    default: ""
   },
   thankYouMessage: {
     type: String,
-    default: 'Thanks for signing up!',
+    default: "Thanks for signing up!"
   },
   dark: {
     type: Boolean,
-    default: false,
+    default: false
   },
   appendButtonIcon: {
     type: String,
-    default: '',
+    default: ""
   },
   prependButtonIcon: {
     type: String,
-    default: '',
-  },
-})
-
-// App state
-const id = useId()
-const nuxtifyConfig = useNuxtifyConfig()
-const { xs } = useDisplay()
-
-// Form state
-const form = ref<VForm>()
-const isSubmitted = ref(false)
-const isError = ref(false)
-const errorMessage = ref('')
-const loading = ref(false)
+    default: ""
+  }
+});
+const id = useId();
+const nuxtifyConfig = useNuxtifyConfig();
+const { xs } = useDisplay();
+const form = ref();
+const isSubmitted = ref(false);
+const isError = ref(false);
+const errorMessage = ref("");
+const loading = ref(false);
 const formInput = ref({
-  email: '',
-})
-
-// Button style
+  email: ""
+});
 const rounded = () => {
   if (nuxtifyConfig.style?.btn?.rounded) {
-    return xs.value ? 'lg' : '0 e-lg'
+    return xs.value ? "lg" : "0 e-lg";
+  } else {
+    return 0;
   }
-  else {
-    return 0
-  }
-}
-
+};
 async function handleSubmit() {
-  loading.value = true
-  const res = await form.value?.validate()
+  loading.value = true;
+  const res = await form.value?.validate();
   if (res?.valid) {
-    const formData = new FormData()
-
-    // Get UTM params
-    const { utmSource, utmMedium, utmCampaign, utmTerm, utmContent }
-      = getUtmParams(window.location.href)
-
-    // Set form field keys
-    // Default
-    let fieldPrepend = ''
-    let fieldAppend = ''
-
-    // Mailerlite
-    if (props.submitUrl.includes('mailerlite')) {
-      fieldPrepend = 'fields['
-      fieldAppend = ']'
+    const formData = new FormData();
+    const { utmSource, utmMedium, utmCampaign, utmTerm, utmContent } = getUtmParams(window.location.href);
+    let fieldPrepend = "";
+    let fieldAppend = "";
+    if (props.submitUrl.includes("mailerlite")) {
+      fieldPrepend = "fields[";
+      fieldAppend = "]";
     }
-
-    // Set form field values
     formData.append(
       `${fieldPrepend}email${fieldAppend}`,
-      formInput.value.email,
-    )
+      formInput.value.email
+    );
     formData.append(
       `${fieldPrepend}referrer${fieldAppend}`,
-      getBaseUrl(window.location.href),
-    )
-
+      getBaseUrl(window.location.href)
+    );
     if (utmSource)
-      formData.append(`${fieldPrepend}utm_source${fieldAppend}`, utmSource)
+      formData.append(`${fieldPrepend}utm_source${fieldAppend}`, utmSource);
     if (utmMedium)
-      formData.append(`${fieldPrepend}utm_medium${fieldAppend}`, utmMedium)
+      formData.append(`${fieldPrepend}utm_medium${fieldAppend}`, utmMedium);
     if (utmCampaign)
-      formData.append(`${fieldPrepend}utm_campaign${fieldAppend}`, utmCampaign)
+      formData.append(`${fieldPrepend}utm_campaign${fieldAppend}`, utmCampaign);
     if (utmTerm)
-      formData.append(`${fieldPrepend}utm_term${fieldAppend}`, utmTerm)
+      formData.append(`${fieldPrepend}utm_term${fieldAppend}`, utmTerm);
     if (utmContent)
-      formData.append(`${fieldPrepend}utm_content${fieldAppend}`, utmContent)
-
-    // Send to email provider
-    const providerResponse = await submitFormData(props.submitUrl, formData)
-    isError.value = providerResponse.isError
-    errorMessage.value = providerResponse.errorMessage
-
-    // Redirect
+      formData.append(`${fieldPrepend}utm_content${fieldAppend}`, utmContent);
+    const providerResponse = await submitFormData(props.submitUrl, formData);
+    isError.value = providerResponse.isError;
+    errorMessage.value = providerResponse.errorMessage;
     if (!isError.value && props.redirectUrl) {
       await navigateTo(props.redirectUrl, {
-        external: isExternalUrl(props.redirectUrl, nuxtifyConfig.brand?.domain ?? ''),
-      })
-    }
-    else {
-      isSubmitted.value = providerResponse.isSubmitted
+        external: isExternalUrl(props.redirectUrl, nuxtifyConfig.brand?.domain ?? "")
+      });
+    } else {
+      isSubmitted.value = providerResponse.isSubmitted;
     }
   }
-  loading.value = false
+  loading.value = false;
 }
 </script>
 
@@ -181,9 +162,7 @@ async function handleSubmit() {
     <!-- Supporting Text -->
     <div
       v-if="showPrivacy || marketingConsentText"
-      :class="`text-body-2  ${
-        dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'
-      } mt-2`"
+      :class="`text-body-2  ${dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'} mt-2`"
     >
       <span v-if="marketingConsentText">
         {{ marketingConsentText }}
@@ -192,9 +171,7 @@ async function handleSubmit() {
         By signing up you agree to the
         <NuxtLink
           :to="nuxtifyConfig.pages?.policies?.privacyUrl"
-          :class="`text-decoration-none ${
-            dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'
-          }`"
+          :class="`text-decoration-none ${dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'}`"
         >
           Privacy Policy</NuxtLink>.
       </span>

package/dist/runtime/components/EmailSubscribeForm.vue.d.ts

@@ -0,0 +1,94 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    submitUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emailPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    marketingConsentText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPrivacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    redirectUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    thankYouMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendButtonIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prependButtonIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    submitUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emailPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    marketingConsentText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPrivacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    redirectUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    thankYouMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendButtonIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prependButtonIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    buttonText: string;
+    emailPlaceholder: string;
+    marketingConsentText: string;
+    showPrivacy: boolean;
+    redirectUrl: string;
+    thankYouMessage: string;
+    dark: boolean;
+    appendButtonIcon: string;
+    prependButtonIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/FooterCallToAction.vue

@@ -1,8 +1,6 @@
-<script setup lang="ts">
-import { useNuxtifyConfig } from '#imports'
-
-// App state
-const nuxtifyConfig = useNuxtifyConfig()
+<script setup>
+import { useNuxtifyConfig } from "#imports";
+const nuxtifyConfig = useNuxtifyConfig();
 </script>
 
 <template>

package/dist/runtime/components/FooterCallToAction.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppAnnouncementBar.vue

@@ -1,14 +1,10 @@
-<script setup lang="ts">
-import { useDisplay, computed, useNuxtifyConfig, isExternalUrl } from '#imports'
-
-// App state
-const nuxtifyConfig = useNuxtifyConfig()
-const { xs } = useDisplay()
-
-// Component state
-const isExternalLink = computed(() =>
-  isExternalUrl(nuxtifyConfig.announcement?.buttonUrl ?? '', nuxtifyConfig.brand?.domain ?? ''),
-)
+<script setup>
+import { useDisplay, computed, useNuxtifyConfig, isExternalUrl } from "#imports";
+const nuxtifyConfig = useNuxtifyConfig();
+const { xs } = useDisplay();
+const isExternalLink = computed(
+  () => isExternalUrl(nuxtifyConfig.announcement?.buttonUrl ?? "", nuxtifyConfig.brand?.domain ?? "")
+);
 </script>
 
 <template>
@@ -26,10 +22,10 @@ const isExternalLink = computed(() =>
     </div>
     <v-btn
       v-if="
-        nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement.buttonUrl
-      "
-      :to="!isExternalLink ? nuxtifyConfig.announcement.buttonUrl : undefined"
-      :href="isExternalLink ? nuxtifyConfig.announcement.buttonUrl : undefined"
+  nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement.buttonUrl
+"
+      :to="!isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
+      :href="isExternalLink ? nuxtifyConfig.announcement.buttonUrl : void 0"
       size="small"
       variant="flat"
       color="secondary"

package/dist/runtime/components/app/AppAnnouncementBar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppBar.vue

@@ -1,15 +1,11 @@
-<script setup lang="ts">
-import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight, mdiClose, mdiMenu } from '#imports'
-
-// App state
-const { smAndDown } = useDisplay()
-const nuxtifyConfig = useNuxtifyConfig()
-const drawer = useDrawer()
-
-// Navigation
-const primaryNavLinks = nuxtifyConfig.navigation?.primary
-const secondaryNavLinks = nuxtifyConfig.navigation?.secondary
-const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link gets featured
+<script setup>
+import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight, mdiClose, mdiMenu } from "#imports";
+const { smAndDown } = useDisplay();
+const nuxtifyConfig = useNuxtifyConfig();
+const drawer = useDrawer();
+const primaryNavLinks = nuxtifyConfig.navigation?.primary;
+const secondaryNavLinks = nuxtifyConfig.navigation?.secondary;
+const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0];
 </script>
 
 <template>
@@ -43,8 +39,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
         :ripple="false"
         size="large"
         color="unset"
-        :target="link.openInNew ? '_blank' : undefined"
-        :rel="link.openInNew ? 'noopener nofollow' : undefined"
+        :target="link.openInNew ? '_blank' : void 0"
+        :rel="link.openInNew ? 'noopener nofollow' : void 0"
         class="nav-items mx-2"
       >
         {{ link.text }}
@@ -83,8 +79,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
           :active="false"
           size="large"
           color="unset"
-          :target="link.openInNew ? '_blank' : undefined"
-          :rel="link.openInNew ? 'noopener nofollow' : undefined"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
           class="nav-items mx-2"
         >
           {{ link.text }}
@@ -106,8 +102,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
           :active="false"
           variant="flat"
           size="large"
-          :target="featuredSecondaryLink.openInNew ? '_blank' : undefined"
-          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : undefined"
+          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
+          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
           class="mx-2"
         >
           {{ featuredSecondaryLink.text }}

package/dist/runtime/components/app/AppBar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppDialog.vue

@@ -1,8 +1,6 @@
-<script setup lang="ts">
-import { useDialog } from '#imports'
-
-// App state
-const dialog = useDialog()
+<script setup>
+import { useDialog } from "#imports";
+const dialog = useDialog();
 </script>
 
 <template>

package/dist/runtime/components/app/AppDialog.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppFooter.vue

@@ -1,12 +1,8 @@
-<script setup lang="ts">
-import { useNuxtifyConfig, mdiArrowTopRight } from '#imports'
-
-// App state
-const nuxtifyConfig = useNuxtifyConfig()
-
-// Navigation
-const footerPrimaryLinks = nuxtifyConfig.navigation?.footerPrimary
-const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary
+<script setup>
+import { useNuxtifyConfig, mdiArrowTopRight } from "#imports";
+const nuxtifyConfig = useNuxtifyConfig();
+const footerPrimaryLinks = nuxtifyConfig.navigation?.footerPrimary;
+const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary;
 </script>
 
 <template>
@@ -55,8 +51,8 @@ const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary
               variant="text"
               :active="false"
               :ripple="false"
-              :target="link.openInNew ? '_blank' : undefined"
-              :rel="link.openInNew ? 'noopener nofollow' : undefined"
+              :target="link.openInNew ? '_blank' : void 0"
+              :rel="link.openInNew ? 'noopener nofollow' : void 0"
               class="px-0"
             >
               {{ link.text }}
@@ -81,9 +77,7 @@ const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary
             <!-- Copyright -->
             ©
             {{
-              nuxtifyConfig.footer?.copyright
-                || nuxtifyConfig.brand?.name
-                || nuxtifyConfig.brand?.domain
+              nuxtifyConfig.footer?.copyright || nuxtifyConfig.brand?.name || nuxtifyConfig.brand?.domain
             }}.
 
             <!-- Credits -->
@@ -126,8 +120,8 @@ const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary
             variant="plain"
             size="small"
             :ripple="false"
-            :target="link.openInNew ? '_blank' : undefined"
-            :rel="link.openInNew ? 'noopener nofollow' : undefined"
+            :target="link.openInNew ? '_blank' : void 0"
+            :rel="link.openInNew ? 'noopener nofollow' : void 0"
             class="text-capitalize pl-0 mb-2"
           >
             {{ link.text }}

package/dist/runtime/components/app/AppFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppLoading.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppLogo.vue

@@ -1,42 +1,28 @@
-<script setup lang="ts">
-import { useAppConfig, useDisplay, computed } from '#imports'
-
-// Props
+<script setup>
+import { useAppConfig, useDisplay, computed } from "#imports";
 const props = defineProps({
   dark: {
     type: Boolean,
-    default: false,
+    default: false
   },
   width: {
     type: Number,
-    default: undefined,
-  },
-})
-
-// App state
-const nuxtifyConfig = useAppConfig().nuxtify
-const { smAndDown } = useDisplay()
-
-// Image URL logic
-// Set default to the light image url
-let imageUrl = nuxtifyConfig.brand.logo.lightUrl
-
-// If it's dark theme logo and there's a dark image url, use that
+    default: void 0
+  }
+});
+const nuxtifyConfig = useAppConfig().nuxtify;
+const { smAndDown } = useDisplay();
+let imageUrl = nuxtifyConfig.brand.logo.lightUrl;
 if (props.dark && nuxtifyConfig.brand.logo.darkUrl) {
-  imageUrl = nuxtifyConfig.brand.logo.darkUrl
+  imageUrl = nuxtifyConfig.brand.logo.darkUrl;
 }
-
-// Image width logic
 const width = computed(() => {
   if (props.width) {
-    return props.width
-  }
-  else {
-    return smAndDown.value
-      ? nuxtifyConfig.brand.logo.mobileWidth
-      : nuxtifyConfig.brand.logo.width
+    return props.width;
+  } else {
+    return smAndDown.value ? nuxtifyConfig.brand.logo.mobileWidth : nuxtifyConfig.brand.logo.width;
   }
-})
+});
 </script>
 
 <template>

package/dist/runtime/components/app/AppLogo.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    dark: boolean;
+    width: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppNavigationDrawer.vue

@@ -1,15 +1,11 @@
-<script setup lang="ts">
-import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight } from '#imports'
-
-// App state
-const { smAndDown } = useDisplay()
-const nuxtifyConfig = useNuxtifyConfig()
-const drawer = useDrawer()
-
-// Navigation
-const primaryNavLinks = nuxtifyConfig.navigation?.primary
-const secondaryNavLinks = nuxtifyConfig.navigation?.secondary
-const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link gets featured
+<script setup>
+import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight } from "#imports";
+const { smAndDown } = useDisplay();
+const nuxtifyConfig = useNuxtifyConfig();
+const drawer = useDrawer();
+const primaryNavLinks = nuxtifyConfig.navigation?.primary;
+const secondaryNavLinks = nuxtifyConfig.navigation?.secondary;
+const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0];
 </script>
 
 <template>
@@ -28,8 +24,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
           :href="link.href"
           :prepend-icon="link.icon"
           color="primary"
-          :target="link.openInNew ? '_blank' : undefined"
-          :rel="link.openInNew ? 'noopener nofollow' : undefined"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
           slim
           exact
         >
@@ -52,8 +48,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
           :to="link.to"
           :href="link.href"
           :prepend-icon="link.icon"
-          :target="link.openInNew ? '_blank' : undefined"
-          :rel="link.openInNew ? 'noopener nofollow' : undefined"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
           slim
           exact
         >
@@ -83,8 +79,8 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link ge
           :prepend-icon="featuredSecondaryLink.icon"
           variant="flat"
           size="large"
-          :target="featuredSecondaryLink.openInNew ? '_blank' : undefined"
-          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : undefined"
+          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
+          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
           block
         >
           {{ featuredSecondaryLink.text }}

package/dist/runtime/components/app/AppNavigationDrawer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/app/AppToast.vue

@@ -1,14 +1,12 @@
-<script setup lang="ts">
-import { useToast } from '#imports'
-
-// App state
-const toast = useToast()
+<script setup>
+import { useToast } from "#imports";
+const toast = useToast();
 </script>
 
 <template>
   <v-snackbar
     v-model="toast.show"
-    :timeout="5000"
+    :timeout="5e3"
     color="info"
     :min-width="0"
     close-on-content-click

package/dist/runtime/components/app/AppToast.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/layouts/DefaultLayout.vue

@@ -1,9 +1,7 @@
-<script setup lang="ts">
-import { useDisplay, useNuxtifyConfig } from '#imports'
-
-// App state
-const nuxtifyConfig = useNuxtifyConfig()
-const { mdAndUp } = useDisplay()
+<script setup>
+import { useDisplay, useNuxtifyConfig } from "#imports";
+const nuxtifyConfig = useNuxtifyConfig();
+const { mdAndUp } = useDisplay();
 </script>
 
 <template>

package/dist/runtime/layouts/DefaultLayout.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/pages/DynamicSlug.vue

@@ -1,8 +1,6 @@
-<script setup lang="ts">
-import { useRoute, capitalizeFirstLetter } from '#imports'
-
-// Page info
-const route = useRoute()
+<script setup>
+import { useRoute, capitalizeFirstLetter } from "#imports";
+const route = useRoute();
 </script>
 
 <template>
@@ -15,7 +13,7 @@ const route = useRoute()
         xl="6"
       >
         <h1 class="text-h5 mt-4">
-          {{ capitalizeFirstLetter(route.params.slug as string) }}
+          {{ capitalizeFirstLetter(route.params.slug) }}
         </h1>
       </v-col>
     </v-row>

package/dist/runtime/pages/DynamicSlug.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/pages/IndexPage.vue

@@ -1,14 +1,10 @@
-<script setup lang="ts">
-import { useServerSeoMeta, useNuxtifyConfig } from '#imports'
-
-// Page info
+<script setup>
+import { useServerSeoMeta, useNuxtifyConfig } from "#imports";
 useServerSeoMeta({
-  title: '@nuxtify/pages',
-  description: 'This is the @nuxtify/pages homepage.',
-})
-
-// App state
-const nuxtifyConfig = useNuxtifyConfig()
+  title: "@nuxtify/pages",
+  description: "This is the @nuxtify/pages homepage."
+});
+const nuxtifyConfig = useNuxtifyConfig();
 </script>
 
 <template>

package/dist/runtime/pages/IndexPage.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/utils/formRules.d.ts

@@ -10,6 +10,7 @@ export declare const formRules: {
     maxLength200: (v: string) => true | "Must not be longer than 200 characters";
     maxLength300: (v: string) => true | "Must not be longer than 300 characters";
     maxLength600: (v: string) => true | "Must not be longer than 600 characters";
+    maxLength1200: (v: string) => true | "Must not be longer than 1200 characters";
     isInteger: (v: string) => true | "Must be an integer";
     gt0: (v: string) => true | "Must be greater than 0";
     gte6: (v: string) => true | "Must be greater than or equal to 6";

package/dist/runtime/utils/formRules.js

@@ -13,6 +13,7 @@ export const formRules = {
   maxLength200: (v) => v ? v.length <= 200 || "Must not be longer than 200 characters" : true,
   maxLength300: (v) => v ? v.length <= 300 || "Must not be longer than 300 characters" : true,
   maxLength600: (v) => v ? v.length <= 600 || "Must not be longer than 600 characters" : true,
+  maxLength1200: (v) => v ? v.length <= 1200 || "Must not be longer than 1200 characters" : true,
   // Number
   isInteger: (v) => Number.isInteger(+v) || "Must be an integer",
   gt0: (v) => Number.parseFloat(v) > 0 || "Must be greater than 0",

package/dist/types.d.mts

@@ -1,7 +1,7 @@
 import type { NuxtModule } from '@nuxt/schema'
 
-import type { default as Module } from './module.js'
+import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { default } from './module.js'
+export { default } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtify/pages",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Nuxtify pages module powered by Nuxt and Vuetify.",
   "license": "MIT",
   "homepage": "https://nuxtify.dev/",
@@ -16,13 +16,18 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
@@ -40,21 +45,21 @@
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "defu": "^6.1.4",
-    "vuetify-nuxt-module": "^0.18.5"
+    "vuetify-nuxt-module": "^0.18.6"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.3.2",
+    "@nuxt/devtools": "^2.4.0",
     "@nuxt/eslint-config": "^1.3.0",
-    "@nuxt/kit": "^3.16.2",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.16.2",
+    "@nuxt/kit": "^3.17.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.1",
     "@nuxt/test-utils": "^3.17.2",
-    "@types/node": "^20.17.30",
+    "@types/node": "^20.17.32",
     "changelogen": "^0.6.1",
-    "eslint": "^9.23.0",
-    "nuxt": "^3.16.2",
+    "eslint": "^9.25.1",
+    "nuxt": "^3.17.1",
     "typescript": "~5.8.2",
-    "vitest": "^3.1.1",
-    "vue-tsc": "^2.2.8"
+    "vitest": "^3.1.2",
+    "vue-tsc": "^2.2.10"
   }
 }

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,139 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface Link {
-    text: string;
-    to?: string;
-    href?: string;
-    icon?: string;
-    openInNew?: boolean;
-}
-interface FooterLinks {
-    title: string;
-    links: Link[];
-}
-interface BrandOptions {
-    /**
-     * The name of the brand.
-     *
-     * @default "nuxtify-pages"
-     */
-    name?: string;
-    /**
-     * The domain of the brand.
-     *
-     * @default ""
-     */
-    domain?: string;
-    /**
-     * The tagline of the brand.
-     *
-     * @default ""
-     */
-    tagline?: string;
-    /**
-     * The logo of the brand.
-     */
-    logo?: {
-        /**
-         * The URL of the light logo. Recommended 5:1 aspect ratio (e.g. 400 x 80 px).
-         *
-         * @default ""
-         */
-        lightUrl?: string;
-        /**
-         * The URL of the dark logo. Recommended 5:1 aspect ratio (e.g. 400 x 80 px).
-         *
-         * @default ""
-         */
-        darkUrl?: string;
-        /**
-         * The width of the logo.
-         *
-         * @default 200
-         */
-        width?: number;
-        /**
-         * The width of the logo on mobile.
-         *
-         * @default 150
-         */
-        mobileWidth?: number;
-    };
-}
-interface PagesOptions {
-    policies: {
-        privacyUrl: string;
-        termsUrl: string;
-    };
-}
-interface ModuleOptions {
-    /**
-     * Brand options
-     */
-    brand?: BrandOptions;
-    /**
-     * Pages options
-     */
-    pages?: PagesOptions;
-    /**
-     * Announcement banner options
-     */
-    announcement?: {
-        show?: boolean;
-        message?: string;
-        buttonText?: string;
-        buttonUrl?: string;
-    };
-    /**
-     * Navigation options
-     */
-    navigation?: {
-        primary?: Link[];
-        secondary?: Link[];
-        footerPrimary?: FooterLinks[];
-        footerSecondary?: Link[];
-    };
-    /**
-     * Footer options
-     */
-    footer?: {
-        copyright?: string;
-        credits?: {
-            creator?: {
-                name?: string;
-                domain?: string;
-            };
-            prependText?: string;
-            appendText?: string;
-            showPoweredBy?: boolean;
-        };
-        cta?: {
-            show?: boolean;
-            title?: string;
-            subtitle?: string;
-            color?: string;
-        };
-    };
-    /**
-     * Email options
-     */
-    email?: {
-        general?: string;
-        support?: string;
-        provider?: {
-            defaultSubmitUrl?: string;
-        };
-    };
-    /**
-     * Style options
-     */
-    style?: {
-        btn?: {
-            rounded?: boolean;
-        };
-    };
-}
-
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'