vueless 0.0.483 → 0.0.484

package/adatper.locale/vueless.ts

@@ -24,7 +24,7 @@ export interface LocaleInstance {
   fallback: Ref<string>;
   t: (key: string, ...params: unknown[]) => string;
   n: (value: number) => string;
-  tm: (key: string, ...params: unknown[]) => string;
+  tm: <TMassages>(key: string) => Partial<TMassages>;
 }
 
 const FALLBACK_LOCALE_CODE = "en";
@@ -86,7 +86,7 @@ function createTranslateMessageFunction(
   fallback: Ref<string>,
   messages: Ref<LocaleMessages>,
 ) {
-  return (key: string) => {
+  return <TMassages>(key: string): Partial<TMassages> => {
     const currentLocale = current.value && messages.value[current.value];
     const fallbackLocale = fallback.value && messages.value[fallback.value];
 
@@ -100,7 +100,7 @@ function createTranslateMessageFunction(
       str = getObjectValueByPath(fallbackLocale, key, null);
     }
 
-    return String(str);
+    return str as TMassages;
   };
 }
 

package/composables/useUI.ts

@@ -32,6 +32,7 @@ import type {
   CVA,
   KeyAttrs,
   KeysToExtend,
+  ExtendedKeyClasses,
 } from "../types.ts";
 
 interface MergedConfigOptions {
@@ -113,7 +114,7 @@ export default function useUI<T>(
    * – value: reactive string of extendingKey classes.
    */
   function getExtendingKeysClasses(extendingKeys: string[], mutatedProps = {}) {
-    const extendingClasses: UnknownObject = {};
+    const extendingClasses: ExtendedKeyClasses = {};
 
     for (const key of extendingKeys) {
       extendingClasses[key] = getClasses(key, mutatedProps);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.483",
+  "version": "0.0.484",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/types.ts

@@ -4,13 +4,18 @@ import { hasSlotContent } from "./composables/useUI.ts";
 import UTextDefaultConfig from "./ui.text-block/config.ts";
 import UButtonDefaultConfig from "./ui.button/config.ts";
 import UBadgeDefaultConfig from "./ui.text-badge/config.ts";
+import UCalendarDefaultConfig from "./ui.form-calendar/config.ts";
 
-import type { ComputedRef, MaybeRef } from "vue";
+import type { ComputedRef, MaybeRef, Ref } from "vue";
 import type { Props } from "tippy.js";
 import type { LocaleOptions } from "./adatper.locale/vueless.ts";
 
 export type TemplateRefElement = MaybeRef<HTMLElement | HTMLElement[] | null>;
 
+export interface ExtendedKeyClasses {
+  [key: string]: Ref<string>;
+}
+
 export interface ThemeConfig {
   /**
    * Components brand (primary) color.
@@ -109,6 +114,7 @@ export interface Components {
   UText?: Partial<typeof UTextDefaultConfig>;
   UButton?: Partial<typeof UButtonDefaultConfig>;
   UBadge?: Partial<typeof UBadgeDefaultConfig>;
+  UCalendar?: Partial<typeof UCalendarDefaultConfig>;
 }
 
 export interface Directives {
@@ -162,9 +168,10 @@ export interface VueAttrs {
   value?: string;
 }
 
-export interface UseAttrs {
+export interface UseAttrs<TConfig> {
   hasSlotContent: typeof hasSlotContent;
-  [key: string]: object | undefined;
+  config: Ref<TConfig | undefined>;
+  [key: string]: Ref<TConfig | undefined> | typeof hasSlotContent;
 }
 
 export interface KeyAttrs extends VueAttrs {