@nuxtify/pages 0.2.0 → 0.3.1

package/package.json

@@ -1,65 +1,64 @@
-{
-  "name": "@nuxtify/pages",
-  "version": "0.2.0",
-  "description": "Nuxtify pages module powered by Nuxt and Vuetify.",
-  "license": "MIT",
-  "homepage": "https://nuxtify.dev/",
-  "author": "Nuxtify.dev <hello@nuxtify.dev>",
-  "funding": "https://github.com/sponsors/davidstackio",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nuxtify-dev/pages"
-  },
-  "bugs": {
-    "url": "https://github.com/nuxtify-dev/pages/issues"
-  },
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.mts",
-      "import": "./dist/module.mjs"
-    }
-  },
-  "main": "./dist/module.mjs",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/types.d.mts"
-      ]
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "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"
-  },
-  "devDependencies": {
-    "@nuxt/devtools": "^2.4.0",
-    "@nuxt/eslint-config": "^1.3.0",
-    "@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.32",
-    "changelogen": "^0.6.1",
-    "eslint": "^9.25.1",
-    "nuxt": "^3.17.1",
-    "typescript": "~5.8.2",
-    "vitest": "^3.1.2",
-    "vue-tsc": "^2.2.10"
-  }
-}
+{
+  "name": "@nuxtify/pages",
+  "version": "0.3.1",
+  "description": "Nuxtify pages module powered by Nuxt and Vuetify.",
+  "license": "MIT",
+  "homepage": "https://nuxtify.dev",
+  "author": "Nuxtify.dev <hello@nuxtify.dev>",
+  "funding": "https://github.com/sponsors/davidstackio",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nuxtify-dev/pages"
+  },
+  "bugs": {
+    "url": "https://github.com/nuxtify-dev/pages/issues"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@nuxtify/core": "^0.1.0",
+    "defu": "^6.1.4"
+  },
+  "devDependencies": {
+    "@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.3",
+    "@nuxt/test-utils": "^3.19.0",
+    "@types/node": "^22.15.18",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.26.0",
+    "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;