@brumaombra/ui-vintage 0.9.0 → 0.9.2

package/src/lib/utils.ts

@@ -4,46 +4,46 @@ import { twMerge } from "tailwind-merge";
 
 // Utility function to merge class names using clsx and tailwind-merge
 export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs));
+	return twMerge(clsx(inputs));
 };
 
 // Format a date in long format for Italy timezone
 export function formatDateLongItalyTimezone(date: string | number | Date | null | undefined, locale: string) {
-    if (!date) return '';
+	if (!date) return '';
 
-    // Parse the date input into a Date object
-    const parsedDate = typeof date === 'string' && /^\d+$/.test(date)
-        ? new Date(Number(date))
-        : new Date(date);
+	// Parse the date input into a Date object
+	const parsedDate = typeof date === 'string' && /^\d+$/.test(date)
+		? new Date(Number(date))
+		: new Date(date);
 
-    // Check if the parsed date is valid
-    if (isNaN(parsedDate.getTime())) return '';
+	// Check if the parsed date is valid
+	if (isNaN(parsedDate.getTime())) return '';
 
-    // Return the formatted date
-    return new Intl.DateTimeFormat(locale, {
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-        timeZone: 'Europe/Rome'
-    }).format(parsedDate);
+	// Return the formatted date
+	return new Intl.DateTimeFormat(locale, {
+		year: 'numeric',
+		month: 'long',
+		day: 'numeric',
+		timeZone: 'Europe/Rome'
+	}).format(parsedDate);
 };
 // Estimate the reading time in minutes from any text or content tree (about 220 words per minute)
 export function getReadingMinutes(content: unknown, wordsPerMinute = 220) {
-    // Follow only the branches that hold readable text: tag names, props and the table of contents are skipped
-    const collectText = (node: unknown): string => {
-        if (typeof node === 'string') return node;
-        if (Array.isArray(node)) {
-            // Minimark elements are [tag, props, ...children]
-            const isElement = typeof node[0] === 'string' && !!node[1] && typeof node[1] === 'object' && !Array.isArray(node[1]);
-            return (isElement ? node.slice(2) : node).map(collectText).join(' ');
-        }
-        if (node && typeof node === 'object') {
-            // Documents keep the text in body, minimark bodies in value, AST nodes in children (or value for text nodes)
-            const record = node as Record<string, unknown>;
-            return ['body', 'value', 'children'].map(key => collectText(record[key])).join(' ');
-        }
-        return '';
-    };
-    const words = collectText(content).split(/\s+/).filter(Boolean).length;
-    return Math.max(1, Math.round(words / wordsPerMinute));
-};
+	// Follow only the branches that hold readable text: tag names, props and the table of contents are skipped
+	const collectText = (node: unknown): string => {
+		if (typeof node === 'string') return node;
+		if (Array.isArray(node)) {
+			// Minimark elements are [tag, props, ...children]
+			const isElement = typeof node[0] === 'string' && !!node[1] && typeof node[1] === 'object' && !Array.isArray(node[1]);
+			return (isElement ? node.slice(2) : node).map(collectText).join(' ');
+		}
+		if (node && typeof node === 'object') {
+			// Documents keep the text in body, minimark bodies in value, AST nodes in children (or value for text nodes)
+			const record = node as Record<string, unknown>;
+			return ['body', 'value', 'children'].map(key => collectText(record[key])).join(' ');
+		}
+		return '';
+	};
+	const words = collectText(content).split(/\s+/).filter(Boolean).length;
+	return Math.max(1, Math.round(words / wordsPerMinute));
+};

package/src/nuxt-components.d.ts

@@ -1,5 +1,5 @@
 declare module '#components' {
-    import type { DefineComponent } from 'vue';
+	import type { DefineComponent } from 'vue';
 
-    export const NuxtImg: DefineComponent<Record<string, unknown>, Record<string, unknown>, any>;
+	export const NuxtImg: DefineComponent<Record<string, unknown>, Record<string, unknown>, any>;
 }

package/src/runtime/ui-vintage-i18n-plugin.ts

@@ -4,77 +4,77 @@ import { unref } from 'vue';
 import { setUiVintageRuntimeLocaleSource, uiVintageMessages } from '../lib/i18n';
 
 type MessageComposer = {
-    mergeLocaleMessage: (locale: string, messages: unknown) => void;
-    locale?: unknown;
+	mergeLocaleMessage: (locale: string, messages: unknown) => void;
+	locale?: unknown;
 };
 
 type I18nInstance = {
-    mergeLocaleMessage?: unknown;
-    global?: {
-        mergeLocaleMessage?: unknown;
-    };
+	mergeLocaleMessage?: unknown;
+	global?: {
+		mergeLocaleMessage?: unknown;
+	};
 };
 
 type NuxtAppWithI18n = NuxtApp & {
-    $i18n?: unknown;
+	$i18n?: unknown;
 };
 
 // Resolve the active i18n composer from either the Nuxt app or the Vue I18n instance
 const resolveMessageComposer = (i18n: unknown): MessageComposer | null => {
-    // If no i18n instance is provided, return null
-    if (!i18n || typeof i18n !== 'object') {
-        return null;
-    }
+	// If no i18n instance is provided, return null
+	if (!i18n || typeof i18n !== 'object') {
+		return null;
+	}
 
-    const instance = i18n as I18nInstance;
+	const instance = i18n as I18nInstance;
 
-    // Check if the provided i18n instance has the mergeLocaleMessage method (Vue I18n 9+ composer API)
-    if (typeof instance.mergeLocaleMessage === 'function') {
-        return i18n as MessageComposer;
-    }
+	// Check if the provided i18n instance has the mergeLocaleMessage method (Vue I18n 9+ composer API)
+	if (typeof instance.mergeLocaleMessage === 'function') {
+		return i18n as MessageComposer;
+	}
 
-    // Check if the provided i18n instance has a global property with the mergeLocaleMessage method (Vue I18n 9+ global API)
-    if (instance.global && typeof instance.global.mergeLocaleMessage === 'function') {
-        return instance.global as MessageComposer;
-    }
+	// Check if the provided i18n instance has a global property with the mergeLocaleMessage method (Vue I18n 9+ global API)
+	if (instance.global && typeof instance.global.mergeLocaleMessage === 'function') {
+		return instance.global as MessageComposer;
+	}
 
-    // If neither check succeeded, return null
-    return null;
+	// If neither check succeeded, return null
+	return null;
 };
 
 // Merge the library locale messages into the app composer
 const applyUiVintageMessages = (nuxtApp: NuxtApp): void => {
-    // Attempt to resolve the i18n composer from the Nuxt app or Vue I18n instance
-    const app = nuxtApp as NuxtAppWithI18n;
-    const globalProperties = app.vueApp.config.globalProperties as {
-        $i18n?: unknown;
-    };
-    const composer = resolveMessageComposer(app.$i18n || globalProperties.$i18n);
-    if (!composer) {
-        return;
-    }
+	// Attempt to resolve the i18n composer from the Nuxt app or Vue I18n instance
+	const app = nuxtApp as NuxtAppWithI18n;
+	const globalProperties = app.vueApp.config.globalProperties as {
+		$i18n?: unknown;
+	};
+	const composer = resolveMessageComposer(app.$i18n || globalProperties.$i18n);
+	if (!composer) {
+		return;
+	}
 
-    // Merge the library messages into the composer
-    for (const [locale, messages] of Object.entries(uiVintageMessages)) {
-        composer.mergeLocaleMessage(locale, messages);
-    }
+	// Merge the library messages into the composer
+	for (const [locale, messages] of Object.entries(uiVintageMessages)) {
+		composer.mergeLocaleMessage(locale, messages);
+	}
 
-    // In the browser, the toasts and dialogs mounted outside the app follow the app locale (never on the server, where state is shared across requests)
-    if (import.meta.client) {
-        setUiVintageRuntimeLocaleSource(() => {
-            const locale = unref(composer.locale);
-            return typeof locale === 'string' ? locale : undefined;
-        });
-    }
+	// In the browser, the toasts and dialogs mounted outside the app follow the app locale (never on the server, where state is shared across requests)
+	if (import.meta.client) {
+		setUiVintageRuntimeLocaleSource(() => {
+			const locale = unref(composer.locale);
+			return typeof locale === 'string' ? locale : undefined;
+		});
+	}
 };
 
 // Define the Nuxt plugin
 export default defineNuxtPlugin({
-    name: 'ui-vintage:i18n',
-    dependsOn: ['i18n:plugin'],
-    setup(nuxtApp) {
-        // Merge library messages during plugin setup and after app creation
-        applyUiVintageMessages(nuxtApp);
-        nuxtApp.hook('app:created', () => applyUiVintageMessages(nuxtApp));
-    }
+	name: 'ui-vintage:i18n',
+	dependsOn: ['i18n:plugin'],
+	setup(nuxtApp) {
+		// Merge library messages during plugin setup and after app creation
+		applyUiVintageMessages(nuxtApp);
+		nuxtApp.hook('app:created', () => applyUiVintageMessages(nuxtApp));
+	}
 });

package/src/shims-vue.d.ts

@@ -1,5 +1,5 @@
 declare module '*.vue' {
-    import type { DefineComponent } from 'vue';
-    const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
-    export default component;
+	import type { DefineComponent } from 'vue';
+	const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+	export default component;
 }