@nuxtify/pages 0.2.0 → 0.3.1

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

@@ -1,142 +1,142 @@
 <script setup>
-import { useNuxtifyConfig, mdiArrowTopRight } from "#imports";
+import { mdiArrowTopRight, useNuxtifyConfig } from "#imports";
 const nuxtifyConfig = useNuxtifyConfig();
 const footerPrimaryLinks = nuxtifyConfig.navigation?.footerPrimary;
 const footerSecondaryLinks = nuxtifyConfig.navigation?.footerSecondary;
 </script>
 
 <template>
-  <v-row
-    class="px-sm-1 pt-12 pb-4 mb-1"
-    style="max-width: 1280px"
-  >
-    <v-col cols="12">
-      <FooterCallToAction v-if="nuxtifyConfig.footer?.cta?.show" />
-
-      <v-row class="mb-2">
-        <!-- Brand -->
-        <v-col
-          cols="12"
-          :lg="footerPrimaryLinks?.length === 4 ? 3 : 4"
-        >
-          <!-- Logo -->
-          <AppLogo dark />
-
-          <!-- Tagline -->
-          <p class="mt-2 clip-text">
-            {{ nuxtifyConfig.brand?.tagline }}
-          </p>
-        </v-col>
-
-        <v-spacer />
-
-        <!-- Primary Links -->
-        <v-col
-          v-for="group in footerPrimaryLinks"
-          :key="group.title"
-          cols="6"
-          md="3"
-          lg="2"
-        >
-          <p class="text-body-1 font-weight-bold mb-3">
-            {{ group.title }}
-          </p>
-          <div
-            v-for="link in group.links"
-            :key="link.text"
-          >
-            <v-btn
-              :to="link.to"
-              :href="link.href"
-              variant="text"
-              :active="false"
-              :ripple="false"
-              :target="link.openInNew ? '_blank' : void 0"
-              :rel="link.openInNew ? 'noopener nofollow' : void 0"
-              class="px-0"
-            >
-              {{ link.text }}
-              <v-icon
-                v-if="link.openInNew"
-                :icon="mdiArrowTopRight"
-                size="small"
-                color="grey"
-                class="ml-1"
-              />
-            </v-btn>
-          </div>
-        </v-col>
-      </v-row>
-
-      <v-row>
-        <v-col
-          cols="12"
-          sm="9"
-        >
-          <small>
-            <!-- Copyright -->
-            ©
-            {{
-              nuxtifyConfig.footer?.copyright || nuxtifyConfig.brand?.name || nuxtifyConfig.brand?.domain
-            }}.
-
-            <!-- Credits -->
-            {{ nuxtifyConfig.footer?.credits?.prependText }}
-            <span v-if="nuxtifyConfig.footer?.credits?.creator?.name">
-              <a
-                v-if="nuxtifyConfig.footer.credits.creator.domain"
-                :href="`https://${nuxtifyConfig.footer.credits.creator.domain}/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=createdby`"
-                target="_blank"
-                rel="noopener nofollow"
-                class="font-weight-bold"
-              >{{ nuxtifyConfig.footer?.credits?.creator?.name }}</a><span v-else>{{ nuxtifyConfig.footer?.credits?.creator?.name }}</span>.
-            </span>
-
-            <!-- Message -->
-            {{ nuxtifyConfig.footer?.credits?.appendText }}
-
-            <!-- Powered By -->
-            <span v-if="nuxtifyConfig.footer?.credits?.showPoweredBy">
-              <a
-                :href="`https://nuxtify.dev/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=poweredby`"
-                target="_blank"
-                rel="noopener nofollow"
-              >Powered by Nuxtify</a>.
-            </span>
-          </small>
-
-          <v-divider
-            v-if="footerSecondaryLinks?.length"
-            class="my-4"
-            style="width: 50px"
-          />
-
-          <!-- Secondary Links -->
-          <v-btn
-            v-for="link in footerSecondaryLinks"
-            :key="link.text"
-            :to="link.to"
-            :href="link.href"
-            variant="plain"
-            size="small"
-            :ripple="false"
-            :target="link.openInNew ? '_blank' : void 0"
-            :rel="link.openInNew ? 'noopener nofollow' : void 0"
-            class="text-capitalize pl-0 mb-2"
-          >
-            {{ link.text }}
-            <v-icon
-              v-if="link.openInNew"
-              :icon="mdiArrowTopRight"
-              size="small"
-              color="grey"
-              class="ml-1"
-            />
-          </v-btn>
-        </v-col>
-      </v-row>
-    </v-col>
-  </v-row>
+  <v-row
+    class="px-sm-1 pt-12 pb-4 mb-1"
+    style="max-width: 1280px"
+  >
+    <v-col cols="12">
+      <FooterCallToAction v-if="nuxtifyConfig.footer?.cta?.show" />
+
+      <v-row class="mb-2">
+        <!-- Brand -->
+        <v-col
+          cols="12"
+          :lg="footerPrimaryLinks?.length === 4 ? 3 : 4"
+        >
+          <!-- Logo -->
+          <AppLogo dark />
+
+          <!-- Tagline -->
+          <p class="mt-2 clip-text">
+            {{ nuxtifyConfig.brand?.tagline }}
+          </p>
+        </v-col>
+
+        <v-spacer />
+
+        <!-- Primary Links -->
+        <v-col
+          v-for="group in footerPrimaryLinks"
+          :key="group.title"
+          cols="6"
+          md="3"
+          lg="2"
+        >
+          <p class="text-body-1 font-weight-bold mb-3">
+            {{ group.title }}
+          </p>
+          <div
+            v-for="link in group.links"
+            :key="link.text"
+          >
+            <v-btn
+              :to="link.to"
+              :href="link.href"
+              variant="text"
+              :active="false"
+              :ripple="false"
+              :target="link.openInNew ? '_blank' : void 0"
+              :rel="link.openInNew ? 'noopener nofollow' : void 0"
+              class="px-0"
+            >
+              {{ link.text }}
+              <v-icon
+                v-if="link.openInNew"
+                :icon="mdiArrowTopRight"
+                size="small"
+                color="grey"
+                class="ml-1"
+              />
+            </v-btn>
+          </div>
+        </v-col>
+      </v-row>
+
+      <v-row>
+        <v-col
+          cols="12"
+          sm="9"
+        >
+          <small>
+            <!-- Copyright -->
+            ©
+            {{
+              nuxtifyConfig.footer?.copyright || nuxtifyConfig.brand?.name || nuxtifyConfig.brand?.domain
+            }}.
+
+            <!-- Credits -->
+            {{ nuxtifyConfig.footer?.credits?.prependText }}
+            <span v-if="nuxtifyConfig.footer?.credits?.creator?.name">
+              <a
+                v-if="nuxtifyConfig.footer.credits.creator.domain"
+                :href="`https://${nuxtifyConfig.footer.credits.creator.domain}/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=createdby`"
+                target="_blank"
+                rel="noopener nofollow"
+                class="font-weight-bold"
+              >{{ nuxtifyConfig.footer?.credits?.creator?.name }}</a><span v-else>{{ nuxtifyConfig.footer?.credits?.creator?.name }}</span>.
+            </span>
+
+            <!-- Message -->
+            {{ nuxtifyConfig.footer?.credits?.appendText }}
+
+            <!-- Powered By -->
+            <span v-if="nuxtifyConfig.footer?.credits?.showPoweredBy">
+              <a
+                :href="`https://nuxtify.dev/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral&utm_campaign=poweredby`"
+                target="_blank"
+                rel="noopener nofollow"
+              >Powered by Nuxtify</a>.
+            </span>
+          </small>
+
+          <v-divider
+            v-if="footerSecondaryLinks?.length"
+            class="my-4"
+            style="width: 50px"
+          />
+
+          <!-- Secondary Links -->
+          <v-btn
+            v-for="link in footerSecondaryLinks"
+            :key="link.text"
+            :to="link.to"
+            :href="link.href"
+            variant="plain"
+            size="small"
+            :ripple="false"
+            :target="link.openInNew ? '_blank' : void 0"
+            :rel="link.openInNew ? 'noopener nofollow' : void 0"
+            class="text-capitalize pl-0 mb-2"
+          >
+            {{ link.text }}
+            <v-icon
+              v-if="link.openInNew"
+              :icon="mdiArrowTopRight"
+              size="small"
+              color="grey"
+              class="ml-1"
+            />
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-col>
+  </v-row>
 </template>
 
 <style scoped>

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

@@ -1,5 +1,5 @@
 <script setup>
-import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight } from "#imports";
+import { mdiArrowTopRight, useDisplay, useDrawer, useNuxtifyConfig } from "#imports";
 const { smAndDown } = useDisplay();
 const nuxtifyConfig = useNuxtifyConfig();
 const drawer = useDrawer();
@@ -9,89 +9,89 @@ const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0];
 </script>
 
 <template>
-  <v-navigation-drawer
-    v-if="smAndDown"
-    v-model="drawer"
-    location="right"
-  >
-    <nav>
-      <v-list nav>
-        <!-- Primary links -->
-        <v-list-item
-          v-for="(link, i) in primaryNavLinks"
-          :key="i"
-          :to="link.to"
-          :href="link.href"
-          :prepend-icon="link.icon"
-          color="primary"
-          :target="link.openInNew ? '_blank' : void 0"
-          :rel="link.openInNew ? 'noopener nofollow' : void 0"
-          slim
-          exact
-        >
-          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
-            {{ link.text }}
-            <v-icon
-              v-if="link.openInNew"
-              :icon="mdiArrowTopRight"
-              size="x-small"
-              color="grey"
-              class="ml-1"
-            />
-          </v-list-item-title>
-        </v-list-item>
-
-        <!-- Secondary links -->
-        <v-list-item
-          v-for="link in secondaryNavLinks?.slice(1).reverse()"
-          :key="link.text"
-          :to="link.to"
-          :href="link.href"
-          :prepend-icon="link.icon"
-          :target="link.openInNew ? '_blank' : void 0"
-          :rel="link.openInNew ? 'noopener nofollow' : void 0"
-          slim
-          exact
-        >
-          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
-            {{ link.text }}
-            <v-icon
-              v-if="link.openInNew"
-              :icon="mdiArrowTopRight"
-              size="x-small"
-              color="grey"
-              class="ml-1"
-            />
-          </v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </nav>
-
-    <template #append>
-      <!-- Featured secondary link -->
-      <div
-        v-if="featuredSecondaryLink?.text"
-        class="ma-2"
-      >
-        <v-btn
-          :to="featuredSecondaryLink.to"
-          :href="featuredSecondaryLink.href"
-          :prepend-icon="featuredSecondaryLink.icon"
-          variant="flat"
-          size="large"
-          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
-          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
-          block
-        >
-          {{ featuredSecondaryLink.text }}
-          <v-icon
-            v-if="featuredSecondaryLink.openInNew"
-            :icon="mdiArrowTopRight"
-            size="small"
-            class="ml-1"
-          />
-        </v-btn>
-      </div>
-    </template>
-  </v-navigation-drawer>
+  <v-navigation-drawer
+    v-if="smAndDown"
+    v-model="drawer"
+    location="right"
+  >
+    <nav>
+      <v-list nav>
+        <!-- Primary links -->
+        <v-list-item
+          v-for="(link, i) in primaryNavLinks"
+          :key="i"
+          :to="link.to"
+          :href="link.href"
+          :prepend-icon="link.icon"
+          color="primary"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
+          slim
+          exact
+        >
+          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
+            {{ link.text }}
+            <v-icon
+              v-if="link.openInNew"
+              :icon="mdiArrowTopRight"
+              size="x-small"
+              color="grey"
+              class="ml-1"
+            />
+          </v-list-item-title>
+        </v-list-item>
+
+        <!-- Secondary links -->
+        <v-list-item
+          v-for="link in secondaryNavLinks?.slice(1).reverse()"
+          :key="link.text"
+          :to="link.to"
+          :href="link.href"
+          :prepend-icon="link.icon"
+          :target="link.openInNew ? '_blank' : void 0"
+          :rel="link.openInNew ? 'noopener nofollow' : void 0"
+          slim
+          exact
+        >
+          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
+            {{ link.text }}
+            <v-icon
+              v-if="link.openInNew"
+              :icon="mdiArrowTopRight"
+              size="x-small"
+              color="grey"
+              class="ml-1"
+            />
+          </v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </nav>
+
+    <template #append>
+      <!-- Featured secondary link -->
+      <div
+        v-if="featuredSecondaryLink?.text"
+        class="ma-2"
+      >
+        <v-btn
+          :to="featuredSecondaryLink.to"
+          :href="featuredSecondaryLink.href"
+          :prepend-icon="featuredSecondaryLink.icon"
+          variant="flat"
+          size="large"
+          :target="featuredSecondaryLink.openInNew ? '_blank' : void 0"
+          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : void 0"
+          block
+        >
+          {{ featuredSecondaryLink.text }}
+          <v-icon
+            v-if="featuredSecondaryLink.openInNew"
+            :icon="mdiArrowTopRight"
+            size="small"
+            class="ml-1"
+          />
+        </v-btn>
+      </div>
+    </template>
+  </v-navigation-drawer>
 </template>

package/dist/runtime/layouts/DefaultLayout.vue

@@ -5,27 +5,29 @@ const { mdAndUp } = useDisplay();
 </script>
 
 <template>
-  <v-app>
-    <!-- Accessibility -->
-    <NuxtRouteAnnouncer />
-
-    <AppBar class="d-print-none" />
-
-    <AppNavigationDrawer class="d-print-none" />
-
-    <AppAnnouncementBar
-      v-if="nuxtifyConfig.announcement?.show"
-      class="d-print-none"
-    />
-
-    <v-main :min-height="mdAndUp ? 800 : 550">
-      <slot />
-    </v-main>
-
-    <AppToast />
-
-    <v-footer class="bg-primary justify-center mt-8">
-      <AppFooter />
-    </v-footer>
-  </v-app>
+  <v-app>
+    <!-- Accessibility -->
+    <NuxtRouteAnnouncer />
+
+    <AppBar class="d-print-none" />
+
+    <AppNavigationDrawer class="d-print-none" />
+
+    <AppAnnouncementBar
+      v-if="nuxtifyConfig.announcement?.show"
+      class="d-print-none"
+    />
+
+    <v-main :min-height="mdAndUp ? 800 : 550">
+      <slot />
+    </v-main>
+
+    <AppToast class="d-print-none" />
+
+    <AppDialog class="d-print-none" />
+
+    <v-footer class="bg-primary justify-center mt-8">
+      <AppFooter />
+    </v-footer>
+  </v-app>
 </template>

package/dist/runtime/pages/DynamicSlug.vue

@@ -1,21 +1,21 @@
 <script setup>
-import { useRoute, capitalizeFirstLetter } from "#imports";
+import { capitalizeFirstLetter, useRoute } from "#imports";
 const route = useRoute();
 </script>
 
 <template>
-  <v-container>
-    <v-row justify="center">
-      <v-col
-        cols="12"
-        sm="10"
-        lg="8"
-        xl="6"
-      >
-        <h1 class="text-h5 mt-4">
-          {{ capitalizeFirstLetter(route.params.slug) }}
-        </h1>
-      </v-col>
-    </v-row>
-  </v-container>
+  <v-container>
+    <v-row justify="center">
+      <v-col
+        cols="12"
+        sm="10"
+        lg="8"
+        xl="6"
+      >
+        <h1 class="text-h5 mt-4">
+          {{ capitalizeFirstLetter(route.params.slug) }}
+        </h1>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>

package/dist/runtime/pages/IndexPage.vue

@@ -1,19 +1,23 @@
 <script setup>
-import { useServerSeoMeta, useNuxtifyConfig } from "#imports";
+import { useNuxtifyConfig, useServerSeoMeta } from "#imports";
+const nuxtifyConfig = useNuxtifyConfig();
 useServerSeoMeta({
-  title: "@nuxtify/pages",
-  description: "This is the @nuxtify/pages homepage."
+  title: `${nuxtifyConfig.brand?.name}`,
+  description: `This is the ${nuxtifyConfig.brand?.name} home page.`
 });
-const nuxtifyConfig = useNuxtifyConfig();
 </script>
 
 <template>
-  <v-container class="text-center">
-    <ClientOnly>
-      <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
-      <template #fallback>
-        <AppLoading />
-      </template>
-    </ClientOnly>
-  </v-container>
+  <v-container class="text-center">
+    <v-row>
+      <v-col cols="12">
+        <ClientOnly>
+          <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
+          <template #fallback>
+            <AppLoading />
+          </template>
+        </ClientOnly>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

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

@@ -1 +1 @@
-export { mdiArrowRight, mdiClose, mdiMenu, mdiArrowTopRight } from '@mdi/js';
+export { mdiArrowRight, mdiArrowTopRight, mdiClose, mdiMenu } from '@mdi/js';

package/dist/runtime/utils/icons.js

@@ -1 +1 @@
-export { mdiArrowRight, mdiClose, mdiMenu, mdiArrowTopRight } from "@mdi/js";
+export { mdiArrowRight, mdiArrowTopRight, mdiClose, mdiMenu } from "@mdi/js";