@nuxtify/pages 0.2.0 → 0.3.1

package/dist/module.mjs

@@ -1,9 +1,13 @@
-import { defineNuxtModule, createResolver, installModule, addLayout, addComponentsDir, addImportsDir, addServerImportsDir, extendPages } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addLayout, addComponentsDir, addImportsDir, extendPages } from '@nuxt/kit';
 import { defu } from 'defu';
 
+const name = "@nuxtify/pages";
+const version = "0.3.1";
+
 const module = defineNuxtModule({
   meta: {
-    name: "nuxtify-pages",
+    name,
+    version,
     configKey: "nuxtifyPages",
     compatibility: {
       nuxt: ">=3.16.0",
@@ -11,32 +15,6 @@ const module = defineNuxtModule({
     }
   },
   defaults: {
-    // Brand
-    brand: {
-      name: "nuxtify-pages",
-      domain: "",
-      tagline: "",
-      logo: {
-        lightUrl: "",
-        darkUrl: "",
-        width: 200,
-        mobileWidth: 150
-      }
-    },
-    // Pages
-    pages: {
-      policies: {
-        privacyUrl: "/privacy",
-        termsUrl: "/terms"
-      }
-    },
-    // Announcement
-    announcement: {
-      show: false,
-      message: "",
-      buttonText: "",
-      buttonUrl: ""
-    },
     // Navigation
     navigation: {
       primary: [],
@@ -47,15 +25,6 @@ const module = defineNuxtModule({
     // Footer
     footer: {
       copyright: "",
-      credits: {
-        creator: {
-          name: "",
-          domain: ""
-        },
-        prependText: "",
-        appendText: "",
-        showPoweredBy: true
-      },
       cta: {
         show: false,
         title: "",
@@ -65,8 +34,6 @@ const module = defineNuxtModule({
     },
     // Email
     email: {
-      general: "",
-      support: "",
       provider: {
         defaultSubmitUrl: ""
       }
@@ -80,31 +47,9 @@ const module = defineNuxtModule({
   },
   async setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
-    await installModule("vuetify-nuxt-module", {
-      vuetifyOptions: {
-        icons: {
-          defaultSet: "mdi-svg"
-        },
-        theme: {
-          themes: {
-            light: {
-              colors: {
-                primary: "#020420",
-                secondary: "#00DC82",
-                background: "#fff"
-              }
-            }
-          }
-        },
-        defaults: {
-          VBtn: { color: "secondary", variant: "flat", class: "text-none" },
-          VAlert: {
-            VBtn: { color: "inherit" }
-          },
-          VFooter: {
-            VBtn: { color: "inherit" }
-          }
-        }
+    await installModule("@nuxtify/core", {
+      brand: {
+        name: "@nuxtify/pages"
       }
     });
     _nuxt.options.appConfig.nuxtify = defu(_nuxt.options.appConfig.nuxtify, {
@@ -117,9 +62,7 @@ const module = defineNuxtModule({
       path: resolver.resolve("./runtime/components")
     });
     addImportsDir(resolver.resolve("./runtime/composables"));
-    addServerImportsDir(resolver.resolve("./runtime/server/composables"));
     addImportsDir(resolver.resolve("./runtime/utils"));
-    addServerImportsDir(resolver.resolve("./runtime/server/utils"));
     extendPages((pages) => {
       pages.unshift({
         name: "index",

package/dist/runtime/components/EmailSubscribeForm.vue

@@ -1,15 +1,15 @@
 <script setup>
 import {
-  useId,
+  formRules,
+  getBaseUrl,
+  getUtmParams,
+  isExternalUrl,
   navigateTo,
-  useDisplay,
   ref,
-  useNuxtifyConfig,
-  getUtmParams,
-  getBaseUrl,
   submitFormData,
-  formRules,
-  isExternalUrl
+  useDisplay,
+  useId,
+  useNuxtifyConfig
 } from "#imports";
 const props = defineProps({
   submitUrl: {
@@ -117,74 +117,74 @@ async function handleSubmit() {
 </script>
 
 <template>
-  <!-- Form -->
-  <v-form
-    v-if="!isSubmitted"
-    ref="form"
-    validate-on="submit"
-    @submit.prevent="handleSubmit"
-  >
-    <div class="d-sm-flex justify-center">
-      <!-- Using useId prevents hydration mismatch warnings issue with Vuetify -->
-      <!-- See: https://github.com/vuetifyjs/vuetify/issues/19696 -->
-      <!-- Once the issue is resolved (and it's used internally in Vuetify), remove use of useId -->
-      <v-text-field
-        :id
-        v-model="formInput.email"
-        type="email"
-        color="secondary"
-        :placeholder="emailPlaceholder"
-        :rules="[formRules.required, formRules.validEmail]"
-        :rounded="xs ? 't-lg' : '0 ts-lg'"
-        hide-details="auto"
-        class="text-start"
-      >
-        <template #message="{ message }">
-          <span :class="dark ? 'text-red-lighten-3' : ''">{{ message }}</span>
-        </template>
-      </v-text-field>
-      <v-btn
-        type="submit"
-        variant="flat"
-        color="secondary"
-        size="x-large"
-        class="d-flex align-center py-7 mt-2 mt-sm-0"
-        :loading
-        :rounded="rounded()"
-        :append-icon="appendButtonIcon"
-        :prepend-icon="prependButtonIcon"
-        :block="xs"
-      >
-        {{ buttonText }}
-      </v-btn>
-    </div>
-
-    <!-- Supporting Text -->
-    <div
-      v-if="showPrivacy || marketingConsentText"
-      :class="`text-body-2  ${dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'} mt-2`"
-    >
-      <span v-if="marketingConsentText">
-        {{ marketingConsentText }}
-      </span>
-      <span v-if="showPrivacy">
-        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'}`"
-        >
-          Privacy Policy</NuxtLink>.
-      </span>
-    </div>
-  </v-form>
-
-  <!-- Thank You -->
-  <div
-    v-else
-    class="text-body-1"
-  >
-    {{ thankYouMessage }}
-  </div>
+  <!-- Form -->
+  <v-form
+    v-if="!isSubmitted"
+    ref="form"
+    validate-on="submit"
+    @submit.prevent="handleSubmit"
+  >
+    <div class="d-sm-flex justify-center">
+      <!-- Using useId prevents hydration mismatch warnings issue with Vuetify -->
+      <!-- See: https://github.com/vuetifyjs/vuetify/issues/19696 -->
+      <!-- Once the issue is resolved (and it's used internally in Vuetify), remove use of useId -->
+      <v-text-field
+        :id
+        v-model="formInput.email"
+        type="email"
+        color="secondary"
+        :placeholder="emailPlaceholder"
+        :rules="[formRules.required, formRules.validEmail]"
+        :rounded="xs ? 't-lg' : '0 ts-lg'"
+        hide-details="auto"
+        class="text-start"
+      >
+        <template #message="{ message }">
+          <span :class="dark ? 'text-red-lighten-3' : ''">{{ message }}</span>
+        </template>
+      </v-text-field>
+      <v-btn
+        type="submit"
+        variant="flat"
+        color="secondary"
+        size="x-large"
+        class="d-flex align-center py-7 mt-2 mt-sm-0"
+        :loading
+        :rounded="rounded()"
+        :append-icon="appendButtonIcon"
+        :prepend-icon="prependButtonIcon"
+        :block="xs"
+      >
+        {{ buttonText }}
+      </v-btn>
+    </div>
+
+    <!-- Supporting Text -->
+    <div
+      v-if="showPrivacy || marketingConsentText"
+      :class="`text-body-2  ${dark ? 'text-grey-lighten-2' : 'text-medium-emphasis'} mt-2`"
+    >
+      <span v-if="marketingConsentText">
+        {{ marketingConsentText }}
+      </span>
+      <span v-if="showPrivacy">
+        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'}`"
+        >
+          Privacy Policy</NuxtLink>.
+      </span>
+    </div>
+  </v-form>
+
+  <!-- Thank You -->
+  <div
+    v-else
+    class="text-body-1"
+  >
+    {{ thankYouMessage }}
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/FooterCallToAction.vue

@@ -4,33 +4,33 @@ const nuxtifyConfig = useNuxtifyConfig();
 </script>
 
 <template>
-  <v-row
-    justify="center"
-    class="text-center my-4"
-  >
-    <v-col
-      cols="12"
-      md="7"
-      lg="6"
-      xl="4"
-    >
-      <div
-        v-if="nuxtifyConfig.footer?.cta?.title"
-        :class="`text-h5 text-${nuxtifyConfig.footer.cta.color}-lighten-4`"
-      >
-        {{ nuxtifyConfig.footer.cta.title }}
-      </div>
-      <div
-        v-if="nuxtifyConfig.footer?.cta?.subtitle"
-        :class="`text-subtitle-1 text-${nuxtifyConfig.footer.cta.color}-lighten-3 mb-4`"
-      >
-        {{ nuxtifyConfig.footer.cta.subtitle }}
-      </div>
-      <EmailSubscribeForm
-        v-if="nuxtifyConfig.email?.provider?.defaultSubmitUrl"
-        :submit-url="nuxtifyConfig.email.provider.defaultSubmitUrl"
-        dark
-      />
-    </v-col>
-  </v-row>
+  <v-row
+    justify="center"
+    class="text-center my-4"
+  >
+    <v-col
+      cols="12"
+      md="7"
+      lg="6"
+      xl="4"
+    >
+      <div
+        v-if="nuxtifyConfig.footer?.cta?.title"
+        :class="`text-h5 text-${nuxtifyConfig.footer.cta.color}-lighten-4`"
+      >
+        {{ nuxtifyConfig.footer.cta.title }}
+      </div>
+      <div
+        v-if="nuxtifyConfig.footer?.cta?.subtitle"
+        :class="`text-subtitle-1 text-${nuxtifyConfig.footer.cta.color}-lighten-3 mb-4`"
+      >
+        {{ nuxtifyConfig.footer.cta.subtitle }}
+      </div>
+      <EmailSubscribeForm
+        v-if="nuxtifyConfig.email?.provider?.defaultSubmitUrl"
+        :submit-url="nuxtifyConfig.email.provider.defaultSubmitUrl"
+        dark
+      />
+    </v-col>
+  </v-row>
 </template>

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

@@ -1,5 +1,5 @@
 <script setup>
-import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight, mdiClose, mdiMenu } from "#imports";
+import { mdiArrowTopRight, mdiClose, mdiMenu, useDisplay, useDrawer, useNuxtifyConfig } from "#imports";
 const { smAndDown } = useDisplay();
 const nuxtifyConfig = useNuxtifyConfig();
 const drawer = useDrawer();
@@ -9,114 +9,114 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0];
 </script>
 
 <template>
-  <v-app-bar
-    :density="smAndDown ? 'compact' : 'default'"
-    flat
-    class="px-sm-2 bottom-border"
-  >
-    <template #prepend>
-      <!-- Logo -->
-      <NuxtLink
-        to="/"
-        class="ml-2"
-      >
-        <AppLogo />
-      </NuxtLink>
-    </template>
-
-    <!-- Desktop navigation -->
-    <div v-if="!smAndDown">
-      <!-- Primary links -->
-      <v-btn
-        v-for="link in primaryNavLinks"
-        :key="link.text"
-        :to="link.to"
-        :href="link.href"
-        :active="false"
-        :prepend-icon="link.icon"
-        slim
-        exact
-        :ripple="false"
-        size="large"
-        color="unset"
-        :target="link.openInNew ? '_blank' : void 0"
-        :rel="link.openInNew ? 'noopener nofollow' : void 0"
-        class="nav-items mx-2"
-      >
-        {{ link.text }}
-        <v-icon
-          v-if="link.openInNew"
-          :icon="mdiArrowTopRight"
-          size="x-small"
-          color="grey"
-          class="ml-1"
-        />
-      </v-btn>
-    </div>
-
-    <template #append>
-      <!-- Mobile navigation -->
-      <v-app-bar-nav-icon
-        v-if="smAndDown"
-        :icon="drawer ? mdiClose : mdiMenu"
-        color="primary"
-        aria-label="Navigation Menu"
-        @click="drawer = !drawer"
-      />
-
-      <!-- Desktop navigation -->
-      <nav
-        v-else
-        class="d-flex align-center"
-      >
-        <!-- Secondary links -->
-        <v-btn
-          v-for="link in secondaryNavLinks?.slice(1).reverse()"
-          :key="link.text"
-          :to="link.to"
-          :href="link.href"
-          :prepend-icon="link.icon"
-          :active="false"
-          size="large"
-          color="unset"
-          :target="link.openInNew ? '_blank' : void 0"
-          :rel="link.openInNew ? 'noopener nofollow' : void 0"
-          class="nav-items mx-2"
-        >
-          {{ link.text }}
-          <v-icon
-            v-if="link.openInNew"
-            :icon="mdiArrowTopRight"
-            size="x-small"
-            color="grey"
-            class="ml-1"
-          />
-        </v-btn>
-
-        <!-- Featured secondary link -->
-        <v-btn
-          v-if="featuredSecondaryLink?.text"
-          :to="featuredSecondaryLink.to"
-          :href="featuredSecondaryLink.href"
-          :prepend-icon="featuredSecondaryLink.icon"
-          :active="false"
-          variant="flat"
-          size="large"
-          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
-          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
-          class="mx-2"
-        >
-          {{ featuredSecondaryLink.text }}
-          <v-icon
-            v-if="featuredSecondaryLink.openInNew"
-            :icon="mdiArrowTopRight"
-            size="small"
-            class="ml-1"
-          />
-        </v-btn>
-      </nav>
-    </template>
-  </v-app-bar>
+  <v-app-bar
+    :density="smAndDown ? 'compact' : 'default'"
+    flat
+    class="px-sm-2 bottom-border"
+  >
+    <template #prepend>
+      <!-- Logo -->
+      <NuxtLink
+        to="/"
+        class="ml-2"
+      >
+        <AppLogo />
+      </NuxtLink>
+    </template>
+
+    <!-- Desktop navigation -->
+    <div v-if="!smAndDown">
+      <!-- Primary links -->
+      <v-btn
+        v-for="link in primaryNavLinks"
+        :key="link.text"
+        :to="link.to"
+        :href="link.href"
+        :active="false"
+        :prepend-icon="link.icon"
+        slim
+        exact
+        :ripple="false"
+        size="large"
+        color="unset"
+        :target="link.openInNew ? '_blank' : void 0"
+        :rel="link.openInNew ? 'noopener nofollow' : void 0"
+        class="nav-items mx-2"
+      >
+        {{ link.text }}
+        <v-icon
+          v-if="link.openInNew"
+          :icon="mdiArrowTopRight"
+          size="x-small"
+          color="grey"
+          class="ml-1"
+        />
+      </v-btn>
+    </div>
+
+    <template #append>
+      <!-- Mobile navigation -->
+      <v-app-bar-nav-icon
+        v-if="smAndDown"
+        :icon="drawer ? mdiClose : mdiMenu"
+        color="primary"
+        aria-label="Navigation Menu"
+        @click="drawer = !drawer"
+      />
+
+      <!-- Desktop navigation -->
+      <nav
+        v-else
+        class="d-flex align-center"
+      >
+        <!-- Secondary links -->
+        <v-btn
+          v-for="link in secondaryNavLinks?.slice(1).reverse()"
+          :key="link.text"
+          :to="link.to"
+          :href="link.href"
+          :prepend-icon="link.icon"
+          :active="false"
+          size="large"
+          color="unset"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
+          class="nav-items mx-2"
+        >
+          {{ link.text }}
+          <v-icon
+            v-if="link.openInNew"
+            :icon="mdiArrowTopRight"
+            size="x-small"
+            color="grey"
+            class="ml-1"
+          />
+        </v-btn>
+
+        <!-- Featured secondary link -->
+        <v-btn
+          v-if="featuredSecondaryLink?.text"
+          :to="featuredSecondaryLink.to"
+          :href="featuredSecondaryLink.href"
+          :prepend-icon="featuredSecondaryLink.icon"
+          :active="false"
+          variant="flat"
+          size="large"
+          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
+          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
+          class="mx-2"
+        >
+          {{ featuredSecondaryLink.text }}
+          <v-icon
+            v-if="featuredSecondaryLink.openInNew"
+            :icon="mdiArrowTopRight"
+            size="small"
+            class="ml-1"
+          />
+        </v-btn>
+      </nav>
+    </template>
+  </v-app-bar>
 </template>
 
 <style scoped>