@nuxtify/core 0.1.8 → 0.1.10

package/README.md

@@ -67,6 +67,14 @@ Provides single and multi-page website building blocks so you can _ship weirdly
 - 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/)
 
+### [Nuxtify App](https://github.com/nuxtify-dev/app)
+
+Provides a single page app (SPA) skeleton for building your next SaaS or AI tool.
+
+- Admin backend powered by [Firebase](https://firebase.google.com/) and [Vuefire](https://vuefire.vuejs.org/)
+- Sign in and sign up pages powered by [Firebase Authentication](https://firebase.google.com/products/auth)
+- User account page, app style navigation, and more...
+
 ## <a name="features">✨ Features</a>
 
 Nuxtify Core 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/).

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtify/core",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "configKey": "nuxtifyCore",
   "compatibility": {
     "nuxt": ">=3.16.0",

package/dist/module.mjs

@@ -1,8 +1,8 @@
-import { defineNuxtModule, createResolver, installModule, addComponentsDir, addImportsDir, addServerImportsDir, addRouteMiddleware } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, useLogger, installModule, addComponentsDir, addImportsDir, addServerImportsDir, addRouteMiddleware } from '@nuxt/kit';
 import { defu } from 'defu';
 
 const name = "@nuxtify/core";
-const version = "0.1.8";
+const version = "0.1.10";
 
 const module = defineNuxtModule({
   meta: {
@@ -66,7 +66,7 @@ const module = defineNuxtModule({
   },
   async setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
-    if (_options.verboseLogs) console.log("[nuxtify-core] Verbose logging enabled.");
+    if (_options.verboseLogs) useLogger("[nuxtify-core] Verbose logging enabled.");
     await installModule("vuetify-nuxt-module", {
       vuetifyOptions: {
         icons: {
@@ -90,6 +90,9 @@ const module = defineNuxtModule({
           },
           VFooter: {
             VBtn: { color: "inherit" }
+          },
+          VNumberInput: {
+            VBtn: { color: "inherit", variant: "inherit" }
           }
         }
       }

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

@@ -1,11 +1,5 @@
 <script setup>
 import { useNuxtifyConfig } from "#imports";
-defineProps({
-  brandOpacity: {
-    type: Number,
-    default: 1
-  }
-});
 const nuxtifyConfig = useNuxtifyConfig();
 </script>
 
@@ -23,7 +17,6 @@ const nuxtifyConfig = useNuxtifyConfig();
       <span v-if="nuxtifyConfig.credits.creator?.name">
         <a
           v-if="nuxtifyConfig.credits.creator.domain"
-          id="brand-name"
           :href="`https://${nuxtifyConfig.credits.creator.domain}/?utm_source=${nuxtifyConfig.brand?.domain}&utm_medium=referral`"
           target="_blank"
           rel="noopener noreferrer"
@@ -51,5 +44,5 @@ const nuxtifyConfig = useNuxtifyConfig();
 </template>
 
 <style scoped>
-a{color:inherit;justify-content:start;text-decoration:none}.v-btn:hover,a:hover{text-decoration:underline;text-underline-offset:4px}#brand-name{opacity:v-bind(brandOpacity)}#brand-name:hover{opacity:1}
+a{color:inherit;justify-content:start;text-decoration:none}.v-btn:hover,a:hover{text-decoration:underline;text-underline-offset:4px}
 </style>

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

@@ -1,14 +1,2 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    brandOpacity: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    brandOpacity: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    brandOpacity: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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/AppError.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { useErrorMessage } from "#imports";
+const errorMessage = useErrorMessage();
+const isDev = import.meta.dev;
+</script>
+
+<template>
+  <v-alert
+    v-if="errorMessage"
+    type="error"
+    density="compact"
+    variant="text"
+    :icon="false"
+    class="text-body-2 pa-0"
+  >
+    {{ errorMessage }}
+
+    <!-- DEBUG -->
+    <div
+      v-if="isDev"
+      class="mt-2"
+    >
+      <h2 class="text-h6 text-black">
+        Debug
+      </h2>
+      <pre>{{ errorMessage }}</pre>
+    </div>
+  </v-alert>
+</template>

package/dist/runtime/components/app/AppError.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/composables/nuxtify.js

@@ -1,4 +1,5 @@
-import { useAppConfig, useHead } from "#imports";
+import { useHead } from "@unhead/vue";
+import { useAppConfig } from "#imports";
 export const useNuxtifyConfig = () => useAppConfig().nuxtify;
 export const useNuxtifySiteTitle = ({
   separator = "|",

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

@@ -13,8 +13,22 @@ export declare function getPronouns(gender: string): {
     possessivePlural: string;
 };
 export declare const formatPhone: (input: string, separator?: string) => string;
-export declare function formatDate(date: number | string | Date, locale?: string): string;
-export declare function formatDateTime(date: number | string | Date, locale?: string): string;
+/**
+ * Formats a date or a date-time using the Intl.DateTimeFormat API.
+ *
+ * @param date The date to format (number, string, or Date).
+ * @param config Optional configuration object.
+ * @param config.type The format to use: 'date' (default) or 'datetime'.
+ * @param config.locale A string with a BCP 47 language tag (e.g., 'en-US').
+ * @param config.options Custom formatting options to override the default.
+ * @param config.defaultString The string to return if the date is invalid.
+ */
+export declare function formatDate(date: number | string | Date, { type, locale, options, defaultString, }?: {
+    type?: 'date' | 'datetime';
+    locale?: string;
+    options?: Intl.DateTimeFormatOptions;
+    defaultString?: 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;

package/dist/runtime/utils/text.js

@@ -84,21 +84,39 @@ export const formatPhone = (input, separator = "-") => {
   }
   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 formatDate(date, {
+  type = "date",
+  locale = "en-US",
+  options,
+  defaultString = "-"
+} = {}) {
+  if (date === null || date === void 0) {
+    return defaultString;
+  }
+  const dateObj = new Date(date);
+  if (Number.isNaN(dateObj.getTime())) {
+    return defaultString;
+  }
+  const defaultOptions = {
+    date: {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    },
+    datetime: {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "numeric",
+      minute: "numeric"
+    }
+  };
+  const formatOptions = { ...defaultOptions[type], ...options };
+  try {
+    return new Intl.DateTimeFormat(locale, formatOptions).format(dateObj);
+  } catch {
+    return defaultString;
+  }
 }
 export function booleanToText(bool) {
   return bool ? "Yes" : "No";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtify/core",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Nuxtify core module powered by Nuxt and Vuetify.",
   "homepage": "https://nuxtify.dev",
   "author": "Nuxtify.dev <hello@nuxtify.dev>",