@nuxtify/pages 0.2.1 → 0.3.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present - Nuxtify
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -4,19 +4,23 @@
 
 # Nuxtify Pages
 
-<!-- [![npm version][npm-version-src]][npm-version-href]
+<!--
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
 [![Nuxtify Docs][nuxtify-src]][nuxtify-href] -->
-<!-- [🏀 Online playground](https://stackblitz.com/github/nuxtify-dev/pages?file=playground%2Fapp.vue) -->
+
+[![npm version][npm-version-src]][npm-version-href]
+[![License][license-src]][license-href]
+[![🏀 Playground][playground-src]][playground-href]
 
 > [!NOTE]
+>
 > **Early Access Preview:**
 > This module is under active development. While it is already used to power a [handful of sites](https://nuxtify.dev/showcase) in production, expect things to change frequently. I will do my best to call out breaking changes in the [changelog](https://github.com/nuxtify-dev/pages/blob/main/CHANGELOG.md).
 
 ### Table of Contents
 
 - ♾️ [Why Nuxtify?](#why-nuxtify)
+- 🧩 [Nuxtify Modules](#modules)
 - ✨ [Features](#features)
 - 🚀 [Quick Start](#quick-start)
 - 🔧 [Configuration](#configuration)
@@ -47,9 +51,25 @@ This means you can:
 
 In short, Nuxtify helps you build faster, iterate smarter, and maintain consistency – without sacrificing control or creativity.
 
+## <a name="modules">🧩 Modules</a>
+
+### [Nuxtify Core](https://github.com/nuxtify-dev/core)
+
+Provides the core functionality for Nuxtify, including:
+
+- Default components, composables, and utilities
+- Global configuration and theming with [Vuetify](https://vuetifyjs.com/en/introduction/why-vuetify/)
+
+### [Nuxtify Pages](https://github.com/nuxtify-dev/pages) (this module)
+
+Provides single and multi-page website building blocks so you can _ship weirdly fast_.
+
+- Ready to use page components, page templates, and email subscribe form
+- (coming soon) Robots, sitemaps, schema.org, social share images, broken links, and more powered by [Nuxt SEO](https://nuxtseo.com/)
+
 ## <a name="features">✨ Features</a>
 
-Nuxtify builds on the amazing features of [Vue](https://vuejs.org/guide/introduction), [Nuxt](https://nuxt.com/docs/getting-started/introduction), and [Vuetify](https://vuetifyjs.com/en/introduction/why-vuetify/).
+Nuxtify Pages builds on the functionality in [Nuxtify Core](https://github.com/nuxtify-dev/core).
 
 ### 💡 Intuitive UI & UX
 
@@ -102,12 +122,10 @@ Add the `@nuxtify/pages` module to `nuxt.config.ts` and configure it:
 // nuxt.config.ts
 
 export default defineNuxtConfig({
-  modules: [
-    '@nuxtify/pages'
-  ],
+  modules: ["@nuxtify/pages"],
   nuxtifyPages: {
     /* module specific options */
-  }
+  },
 });
 ```
 
@@ -138,11 +156,13 @@ If you need to override a [composable](https://nuxt.com/docs/guide/directory-str
 It's easy to stay up to date with the latest version of Nuxtify. Just update to the latest package using your favorite package manager.
 
 **Minor and patch versions**
+
 ```bash
 npm update @nuxtify/pages --save
 ```
 
 **Major versions**
+
 ```bash
 npm install @nuxtify/pages@latest --save
 ```
@@ -164,23 +184,23 @@ Here are a few ways you can get involved:
 ```bash
   # Install dependencies
   npm install
-  
+
   # Generate type stubs
   npm run dev:prepare
-  
+
   # Develop with the playground
   npm run dev
-  
+
   # Build the playground
   npm run dev:build
-  
+
   # Run ESLint
   npm run lint
-  
+
   # Run Vitest
   npm run test
   npm run test:watch
-  ```
+```
 
 Learn about [authoring Nuxt modules](https://nuxt.com/docs/guide/going-further/modules).
 
@@ -198,3 +218,5 @@ Learn about [authoring Nuxt modules](https://nuxt.com/docs/guide/going-further/m
 [license-href]: https://npmjs.com/package/@nuxtify/pages
 [nuxtify-src]: https://img.shields.io/badge/Nuxtify_Docs-00DC82
 [nuxtify-href]: https://nuxtify.dev/docs
+[playground-src]: https://img.shields.io/badge/%F0%9F%8F%80_Playground-Demo-00DC82?labelColor=020420
+[playground-href]: https://stackblitz.com/github/nuxtify-dev/pages?file=playground%2Fpages%2Findex.vue

package/dist/module.d.mts

@@ -11,79 +11,7 @@ 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
      */
@@ -98,15 +26,6 @@ interface ModuleOptions {
      */
     footer?: {
         copyright?: string;
-        credits?: {
-            creator?: {
-                name?: string;
-                domain?: string;
-            };
-            prependText?: string;
-            appendText?: string;
-            showPoweredBy?: boolean;
-        };
         cta?: {
             show?: boolean;
             title?: string;
@@ -118,8 +37,6 @@ interface ModuleOptions {
      * Email options
      */
     email?: {
-        general?: string;
-        support?: string;
         provider?: {
             defaultSubmitUrl?: string;
         };

package/dist/module.json

@@ -1,11 +1,11 @@
 {
-  "name": "nuxtify-pages",
+  "name": "@nuxtify/pages",
+  "version": "0.3.1",
   "configKey": "nuxtifyPages",
   "compatibility": {
     "nuxt": ">=3.16.0",
     "bridge": false
   },
-  "version": "0.2.1",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

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: {

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();

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

@@ -1,5 +1,5 @@
 <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;

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();

package/dist/runtime/layouts/DefaultLayout.vue

@@ -22,7 +22,9 @@ const { mdAndUp } = useDisplay();
       <slot />
     </v-main>
 
-    <AppToast />
+    <AppToast class="d-print-none" />
+
+    <AppDialog class="d-print-none" />
 
     <v-footer class="bg-primary justify-center mt-8">
       <AppFooter />

package/dist/runtime/pages/DynamicSlug.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useRoute, capitalizeFirstLetter } from "#imports";
+import { capitalizeFirstLetter, useRoute } from "#imports";
 const route = useRoute();
 </script>
 

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-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/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";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@nuxtify/pages",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "Nuxtify pages module powered by Nuxt and Vuetify.",
   "license": "MIT",
-  "homepage": "https://nuxtify.dev/",
+  "homepage": "https://nuxtify.dev",
   "author": "Nuxtify.dev <hello@nuxtify.dev>",
   "funding": "https://github.com/sponsors/davidstackio",
   "repository": {
@@ -43,21 +43,20 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@mdi/js": "^7.4.47",
-    "defu": "^6.1.4",
-    "vuetify-nuxt-module": "^0.18.6"
+    "@nuxtify/core": "^0.1.0",
+    "defu": "^6.1.4"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.4.0",
-    "@nuxt/eslint-config": "^1.3.0",
-    "@nuxt/kit": "^3.17.2",
+    "@nuxt/devtools": "^2.4.1",
+    "@nuxt/eslint-config": "^1.3.1",
+    "@nuxt/kit": "^3.17.3",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.2",
-    "@nuxt/test-utils": "^3.18.0",
-    "@types/node": "^20.17.46",
+    "@nuxt/schema": "^3.17.3",
+    "@nuxt/test-utils": "^3.19.0",
+    "@types/node": "^22.15.18",
     "changelogen": "^0.6.1",
     "eslint": "^9.26.0",
-    "nuxt": "^3.17.2",
+    "nuxt": "^3.17.3",
     "typescript": "~5.8.2",
     "vitest": "^3.1.3",
     "vue-tsc": "^2.2.10"

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

@@ -1,36 +0,0 @@
-<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>
-  <v-system-bar
-    :height="xs ? 60 : 40"
-    :order="-100"
-    color="primary"
-    class="justify-center text-start"
-  >
-    <div
-      v-if="nuxtifyConfig.announcement?.message"
-      :class="`${xs ? 'text-subtitle-2' : 'text-subtitle-1'} mr-4`"
-    >
-      {{ nuxtifyConfig.announcement.message }}
-    </div>
-    <v-btn
-      v-if="
-  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"
-    >
-      {{ nuxtifyConfig.announcement.buttonText }}
-    </v-btn>
-  </v-system-bar>
-</template>

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

@@ -1,2 +0,0 @@
-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,38 +0,0 @@
-<script setup>
-import { useDialog } from "#imports";
-const dialog = useDialog();
-</script>
-
-<template>
-  <v-dialog
-    v-model="dialog.show"
-    width="500"
-  >
-    <v-card class="pa-2">
-      <v-card-title>{{ dialog.title }}</v-card-title>
-
-      <v-card-text class="ml-n2">
-        {{ dialog.message }}
-      </v-card-text>
-
-      <v-card-actions>
-        <v-spacer />
-
-        <v-btn
-          color="grey-darken-1"
-          @click="dialog.show = false"
-        >
-          {{ dialog.closeButtonText }}
-        </v-btn>
-
-        <v-btn
-          :color="dialog.action.buttonColor"
-          variant="flat"
-          @click="dialog.action.function"
-        >
-          {{ dialog.action.buttonText }}
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>

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

@@ -1,2 +0,0 @@
-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

@@ -1,16 +0,0 @@
-<template>
-  <div class="center">
-    <div class="sk-chase">
-      <div class="sk-chase-dot" />
-      <div class="sk-chase-dot" />
-      <div class="sk-chase-dot" />
-      <div class="sk-chase-dot" />
-      <div class="sk-chase-dot" />
-      <div class="sk-chase-dot" />
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.center{align-items:center;display:flex;height:100vh;justify-content:center}.sk-chase{animation:sk-chase 2.5s linear infinite both;height:40px;position:relative;width:40px}.sk-chase-dot{animation:sk-chase-dot 2s ease-in-out infinite both;height:100%;left:0;position:absolute;top:0;width:100%}.sk-chase-dot:before{animation:sk-chase-dot-before 2s ease-in-out infinite both;background-color:rgb(var(--v-theme-primary));border-radius:100%;content:"";display:block;height:25%;width:25%}.sk-chase-dot:first-child{animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:first-child:before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}
-</style>

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

@@ -1,2 +0,0 @@
-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,41 +0,0 @@
-<script setup>
-import { useAppConfig, useDisplay, computed } from "#imports";
-const props = defineProps({
-  dark: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: Number,
-    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;
-}
-const width = computed(() => {
-  if (props.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>
-</template>

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

@@ -1,23 +0,0 @@
-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/AppToast.vue

@@ -1,16 +0,0 @@
-<script setup>
-import { useToast } from "#imports";
-const toast = useToast();
-</script>
-
-<template>
-  <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

@@ -1,2 +0,0 @@
-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/composables/dialog.d.ts

@@ -1,13 +0,0 @@
-export interface Dialog {
-    show: boolean;
-    title: string;
-    message: string;
-    action: {
-        function: () => Promise<void>;
-        buttonText: string;
-        buttonColor: string;
-    };
-    closeButtonText: string;
-}
-export declare const dialogInitialState: Dialog;
-export declare const useDialog: () => import("vue").Ref<Dialog, Dialog>;

package/dist/runtime/composables/dialog.js

@@ -1,15 +0,0 @@
-import { useState } from "#imports";
-export const dialogInitialState = {
-  show: false,
-  title: "",
-  message: "",
-  action: {
-    function: () => new Promise((resolve) => resolve()),
-    buttonText: "",
-    buttonColor: ""
-  },
-  closeButtonText: "Cancel"
-};
-export const useDialog = () => useState("dialog", () => {
-  return dialogInitialState;
-});

package/dist/runtime/composables/nuxtify.d.ts

@@ -1,2 +0,0 @@
-import type { ModuleOptions } from '../../types.js';
-export declare const useNuxtifyConfig: () => ModuleOptions;

package/dist/runtime/composables/nuxtify.js

@@ -1,2 +0,0 @@
-import { useAppConfig } from "#imports";
-export const useNuxtifyConfig = () => useAppConfig().nuxtify;

package/dist/runtime/composables/state.d.ts

@@ -1,15 +0,0 @@
-export declare const useDrawer: () => import("vue").Ref<boolean | null, boolean | null>;
-export declare const useToast: () => import("vue").Ref<{
-    show: boolean;
-    message: string;
-} | {
-    show: boolean;
-    message: string;
-}, {
-    show: boolean;
-    message: string;
-} | {
-    show: boolean;
-    message: string;
-}>;
-export declare const useErrorMessage: () => import("vue").Ref<string, string>;

package/dist/runtime/composables/state.js

@@ -1,10 +0,0 @@
-import { ref, useState } from "#imports";
-export const useDrawer = () => useState("drawer", () => null);
-export const useToast = () => useState(
-  "toast",
-  () => ref({
-    show: false,
-    message: ""
-  })
-);
-export const useErrorMessage = () => useState("errorMessage", () => "");

package/dist/runtime/server/composables/client.d.ts

@@ -1 +0,0 @@
-export { useNuxtifyConfig } from '../../composables/nuxtify.js';

package/dist/runtime/server/composables/client.js

@@ -1 +0,0 @@
-export { useNuxtifyConfig } from "../../composables/nuxtify.js";

package/dist/runtime/server/utils/client.d.ts

@@ -1 +0,0 @@
-export { slugify, unslugify } from '../../utils/text.js';

package/dist/runtime/server/utils/client.js

@@ -1 +0,0 @@
-export { slugify, unslugify } from "../../utils/text.js";

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

@@ -1,19 +0,0 @@
-export declare const formRules: {
-    required: (v: string) => true | "Required";
-    requiredArray: <T>(v: Array<T>) => true | "Required";
-    validEmail: (v: string) => true | "Must be a valid email address";
-    minLength8: (v: string) => true | "Must be at least 8 characters";
-    minLength12: (v: string) => true | "Must be at least 12 characters";
-    maxLength30: (v: string) => true | "Must not be longer than 30 characters";
-    maxLength60: (v: string) => true | "Must not be longer than 60 characters";
-    maxLength120: (v: string) => true | "Must not be longer than 120 characters";
-    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";
-    lte12: (v: string) => true | "Must be less than or equal to 12";
-    lte365: (v: string) => true | "Must be less than or equal to 365";
-};

package/dist/runtime/utils/formRules.js

@@ -1,23 +0,0 @@
-export const formRules = {
-  // Required
-  required: (v) => !!v || "Required",
-  requiredArray: (v) => !!v.length || "Required",
-  // Text
-  validEmail: (v) => /.+@.+/.test(v) || "Must be a valid email address",
-  // Length
-  minLength8: (v) => v ? v.length >= 8 || "Must be at least 8 characters" : true,
-  minLength12: (v) => v ? v.length >= 12 || "Must be at least 12 characters" : true,
-  maxLength30: (v) => v ? v.length <= 30 || "Must not be longer than 30 characters" : true,
-  maxLength60: (v) => v ? v.length <= 60 || "Must not be longer than 60 characters" : true,
-  maxLength120: (v) => v ? v.length <= 120 || "Must not be longer than 120 characters" : true,
-  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",
-  gte6: (v) => Number.parseFloat(v) >= 6 || "Must be greater than or equal to 6",
-  lte12: (v) => Number.parseFloat(v) <= 12 || "Must be less than or equal to 12",
-  lte365: (v) => Number.parseFloat(v) <= 365 || "Must be less than or equal to 365"
-};

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

@@ -1,2 +0,0 @@
-export declare function blobToDataURL(blob: Blob): Promise<string>;
-export declare function filenameToUrl(filename: string, timestamped?: boolean): string;

package/dist/runtime/utils/io.js

@@ -1,19 +0,0 @@
-export function blobToDataURL(blob) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = (_e) => resolve(reader.result);
-    reader.onerror = (_e) => reject(reader.error);
-    reader.onabort = (_e) => reject(new Error("Read aborted"));
-    reader.readAsDataURL(blob);
-  });
-}
-export function filenameToUrl(filename, timestamped = false) {
-  const filenameClean = encodeURIComponent(
-    filename.trim().replace(/[^a-z0-9.-]/gi, "-").replace(/-{2,}/g, "-").replace(/\.{2,}/g, ".").replace(/-\./g, ".").replace(/-$/g, "").replace(/^-/g, "").slice(0, 500)
-    // limit to the first 500 characters
-  );
-  if (timestamped) {
-    return `${Date.now()}-${filenameClean}`;
-  }
-  return filenameClean;
-}

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

@@ -1,2 +0,0 @@
-export declare function toPercentage(val: number, decimals?: number): string;
-export declare function roundToFixed(val: number | string, positions?: number): number;

package/dist/runtime/utils/math.js

@@ -1,13 +0,0 @@
-export function toPercentage(val, decimals = 0) {
-  const percentage = (val * 100).toFixed(decimals);
-  return `${percentage}%`;
-}
-export function roundToFixed(val, positions = 2) {
-  let text = 0;
-  if (typeof val === "string") {
-    text = +Number.parseFloat(val).toFixed(positions);
-  } else if (typeof val === "number") {
-    text = +val.toFixed(positions);
-  }
-  return text;
-}

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

@@ -1,23 +0,0 @@
-export declare const titleCase: (text: string, skipShortWords?: boolean) => string;
-export declare function capitalizeFirstLetter(text: string): string;
-export declare function fullName(firstName: string, lastName: string): string;
-export declare function parseFullName(fullName: string | undefined | null): {
-    firstName: string;
-    lastName: string;
-};
-export declare const honoraryName: (name: string, honorificSuffix?: string) => string;
-export declare function getPronouns(gender: string): {
-    single: string;
-    plural: string;
-    possessive: string;
-    possessivePlural: string;
-};
-export declare const formatPhone: (input: string, separator?: string) => string;
-export declare function formatDate(date: string, locale?: string): string;
-export declare function formatDateTime(date: string, locale?: string): string;
-export declare function booleanToText(bool: boolean): "Yes" | "No";
-export declare const truncate: (text: string, maxLength?: number, ellipses?: boolean) => string;
-export declare const slugify: (text: string) => string;
-export declare const unslugify: (text: string) => string;
-export declare function pluralize(value: number, units: string, showValue?: boolean): string;
-export declare const getLanguageName: (languageCode: string, displayLanguage?: string) => string | undefined;

package/dist/runtime/utils/text.js

@@ -1,159 +0,0 @@
-export const titleCase = (text, skipShortWords = true) => {
-  const shortWords = ["and", "an", "the", "a", "but", "for", "at", "by", "to"];
-  const words = text.split(" ");
-  const titleWords = [];
-  for (const [i] of words.entries()) {
-    if (skipShortWords && shortWords.includes(words[i])) {
-      if (i === 0) {
-        titleWords.push(words[i].charAt(0).toUpperCase() + words[i].slice(1));
-      } else {
-        titleWords.push(words[i]);
-      }
-    } else {
-      titleWords.push(words[i].charAt(0).toUpperCase() + words[i].slice(1));
-    }
-  }
-  return titleWords.join(" ");
-};
-export function capitalizeFirstLetter(text) {
-  if (!text) {
-    return "";
-  }
-  return text.charAt(0).toUpperCase() + text.slice(1);
-}
-export function fullName(firstName, lastName) {
-  let name = "";
-  if (firstName && lastName) {
-    name = `${firstName} ${lastName}`;
-  } else if (firstName) {
-    name = firstName;
-  } else if (lastName) {
-    name = lastName;
-  }
-  return name;
-}
-export function parseFullName(fullName2) {
-  let firstName = "";
-  let lastName = "";
-  if (fullName2) {
-    const nameSplit = fullName2.split(" ");
-    firstName = nameSplit[0];
-    if (nameSplit.length > 1) {
-      lastName = nameSplit.slice(1).join(" ");
-    }
-  }
-  return { firstName, lastName };
-}
-export const honoraryName = (name, honorificSuffix = "") => {
-  return honorificSuffix ? `${name}, ${honorificSuffix}` : name;
-};
-export function getPronouns(gender) {
-  if (gender === "male") {
-    return {
-      single: "he",
-      plural: "he's",
-      possessive: "his",
-      possessivePlural: "his"
-    };
-  } else if (gender === "female") {
-    return {
-      single: "she",
-      plural: "she's",
-      possessive: "her",
-      possessivePlural: "her's"
-    };
-  } else {
-    return {
-      single: "they",
-      plural: "they're",
-      possessive: "their",
-      possessivePlural: "theirs"
-    };
-  }
-}
-export const formatPhone = (input, separator = "-") => {
-  let phone = input;
-  if (phone.slice(0, 2) === "+1") {
-    phone = phone.slice(2);
-  }
-  if (phone.length === 10) {
-    phone = phone.replace(
-      /(\d{3})(\d{3})(\d{4})/,
-      `$1${separator}$2${separator}$3`
-    );
-  }
-  return phone;
-};
-export function formatDate(date, locale = "en-us") {
-  return new Date(date).toLocaleDateString(locale, {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  });
-}
-export function formatDateTime(date, locale = "en-us") {
-  return new Date(date).toLocaleString(locale, {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "numeric",
-    minute: "numeric"
-  });
-}
-export function booleanToText(bool) {
-  return bool ? "Yes" : "No";
-}
-export const truncate = (text, maxLength = 80, ellipses = true) => {
-  if (text.length > maxLength) {
-    let trimmedString = text.substring(0, maxLength + 1);
-    trimmedString = trimmedString.substring(
-      0,
-      Math.min(trimmedString.length, trimmedString.lastIndexOf(" "))
-    );
-    return `${trimmedString}${ellipses ? "..." : ""}`;
-  }
-  return text;
-};
-export const slugify = (text) => {
-  const slug = text.normalize("NFKD").toLowerCase().trim().replace(/\s+/g, "-").replace(/_/g, "-").replace(/-{2,}/g, "-").replace(/-$/g, "");
-  return slug;
-};
-export const unslugify = (text) => {
-  const unslug = text.replace(/-/g, " ");
-  return unslug;
-};
-export function pluralize(value, units, showValue = true) {
-  let text = "";
-  let unitsPlural = units;
-  if (unitsPlural.slice(-1) === "y") {
-    unitsPlural = unitsPlural.slice(0, -1) + "ies";
-  } else {
-    unitsPlural = units + "s";
-  }
-  if (showValue) {
-    if (value === 1) {
-      text = `${value} ${units}`;
-    } else {
-      text = `${value} ${unitsPlural}`;
-    }
-  } else if (!value || value === 1) {
-    text = `${units}`;
-  } else {
-    text = `${unitsPlural}`;
-  }
-  return text;
-}
-export const getLanguageName = (languageCode, displayLanguage = "en") => {
-  try {
-    const languageNames = new Intl.DisplayNames([displayLanguage], {
-      type: "language"
-    });
-    return languageNames.of(languageCode);
-  } catch (error) {
-    console.error(
-      `Error getting language name for code '${languageCode}' with locale '${displayLanguage}':`,
-      error
-    );
-    return languageCode;
-  }
-};

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

@@ -1,2 +0,0 @@
-export declare const delay: (ms: number) => Promise<unknown>;
-export declare function daysSince(targetDate: Date): number;

package/dist/runtime/utils/time.js

@@ -1,7 +0,0 @@
-export const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-export function daysSince(targetDate) {
-  const currentDate = /* @__PURE__ */ new Date();
-  const timeDifference = currentDate.getTime() - targetDate.getTime();
-  const daysDifference = Math.floor(timeDifference / (1e3 * 60 * 60 * 24));
-  return daysDifference;
-}

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

@@ -1,9 +0,0 @@
-export declare const getBaseUrl: (url: string) => string;
-export declare const getUtmParams: (url: string) => {
-    utmSource: string | null;
-    utmMedium: string | null;
-    utmCampaign: string | null;
-    utmTerm: string | null;
-    utmContent: string | null;
-};
-export declare const isExternalUrl: (url: string, hostname: string) => boolean;

package/dist/runtime/utils/url.js

@@ -1,27 +0,0 @@
-export const getBaseUrl = (url) => {
-  const urlObject = new URL(url);
-  urlObject.search = "";
-  urlObject.hash = "";
-  return urlObject.href;
-};
-export const getUtmParams = (url) => {
-  const urlSearchParams = new URLSearchParams(new URL(url).search);
-  return {
-    utmSource: urlSearchParams.get("utm_source"),
-    utmMedium: urlSearchParams.get("utm_medium"),
-    utmCampaign: urlSearchParams.get("utm_campaign"),
-    utmTerm: urlSearchParams.get("utm_term"),
-    utmContent: urlSearchParams.get("utm_content")
-  };
-};
-export const isExternalUrl = (url, hostname) => {
-  if (!url) {
-    return false;
-  }
-  if (url.startsWith("/")) {
-    return false;
-  } else {
-    const linkHostname = new URL(url).hostname;
-    return linkHostname !== hostname;
-  }
-};

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

@@ -1,7 +0,0 @@
-export declare const addOrReplaceArrayItem: (array: {
-    id: string | number;
-    [key: string]: unknown;
-}[], element: {
-    id: string | number;
-    [key: string]: unknown;
-}) => void;

package/dist/runtime/utils/util.js

@@ -1,5 +0,0 @@
-export const addOrReplaceArrayItem = (array, element) => {
-  const i = array.findIndex((e) => e.id === element.id);
-  if (i > -1) array[i] = element;
-  else array.push(element);
-};

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

@@ -1 +0,0 @@
-export declare function youTubeUrl(url: string): string | null;

package/dist/runtime/utils/youtube.js

@@ -1,13 +0,0 @@
-function youTubeId(url) {
-  const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
-  const match = url.match(regExp);
-  return match && match[2].length === 11 ? match[2] : null;
-}
-export function youTubeUrl(url) {
-  const videoId = youTubeId(url);
-  if (videoId) {
-    return `https://www.youtube.com/embed/${videoId}`;
-  } else {
-    return null;
-  }
-}