@nuxtify/pages 0.1.0 → 0.2.1

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

@@ -1,55 +1,41 @@
-<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>
-  <v-img
-    v-if="imageUrl"
-    :width
-    :src="imageUrl"
-    :alt="`${nuxtifyConfig.brand.name} logo`"
-  />
-  <span
-    v-else
-    :class="`text-subtitle-1 text-sm-h6 ${dark ? '' : 'text-primary'}`"
-  >
-    {{ nuxtifyConfig.brand.name }}
-  </span>
+  <v-img
+    v-if="imageUrl"
+    :width
+    :src="imageUrl"
+    :alt="`${nuxtifyConfig.brand.name} logo`"
+  />
+  <span
+    v-else
+    :class="`text-subtitle-1 text-sm-h6 ${dark ? '' : 'text-primary'}`"
+  >
+    {{ nuxtifyConfig.brand.name }}
+  </span>
 </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,101 +1,97 @@
-<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>
-  <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' : undefined"
-          :rel="link.openInNew ? 'noopener nofollow' : undefined"
-          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' : undefined"
-          :rel="link.openInNew ? 'noopener nofollow' : undefined"
-          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' : undefined"
-          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : undefined"
-          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/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,18 +1,16 @@
-<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"
-    color="info"
-    :min-width="0"
-    close-on-content-click
-  >
-    {{ toast.message }}
-  </v-snackbar>
+  <v-snackbar
+    v-model="toast.show"
+    :timeout="5e3"
+    color="info"
+    :min-width="0"
+    close-on-content-click
+  >
+    {{ toast.message }}
+  </v-snackbar>
 </template>

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,33 +1,31 @@
-<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>
-  <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 />
+
+    <v-footer class="bg-primary justify-center mt-8">
+      <AppFooter />
+    </v-footer>
+  </v-app>
 </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,23 +1,21 @@
-<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>
-  <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 as string) }}
-        </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/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,23 +1,19 @@
-<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>
-  <v-container class="text-center">
-    <ClientOnly>
-      <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
-      <template #fallback>
-        <AppLoading />
-      </template>
-    </ClientOnly>
-  </v-container>
+  <v-container class="text-center">
+    <ClientOnly>
+      <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
+      <template #fallback>
+        <AppLoading />
+      </template>
+    </ClientOnly>
+  </v-container>
 </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/server/tsconfig.json

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

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'