vue-weather-ui
Version:
A beautiful Vue 3 weather UI components library with mini mode support and QWeather integration
45 lines (44 loc) • 1.63 kB
TypeScript
import { WeatherComponentConfig } from '../config/weather-config';
export interface Translations {
[key: string]: {
zh: string;
en: string;
};
}
export declare const WEATHER_TRANSLATIONS: Translations;
export declare function useTranslation(config: WeatherComponentConfig): {
t: (key: string) => string;
};
export declare function useWeatherIcon(): {
getWeatherIcon: (iconCode: string) => string;
getWeatherDescription: (iconCode: string, locale: "zh" | "en") => string;
};
export declare function useDateTime(locale: 'zh' | 'en'): {
formatDateTime: (dateString: string, options?: Intl.DateTimeFormatOptions) => string;
formatDate: (dateString: string) => string;
formatTime: (dateString: string) => string;
formatShortTime: (dateString: string) => string;
isToday: (dateString: string) => boolean;
isTomorrow: (dateString: string) => boolean;
isCurrentHour: (dateString: string) => boolean;
isCurrentDay: (dateString: string) => boolean;
};
export declare function useThemeStyles(config: WeatherComponentConfig): {
sizeConfig: import('vue').ComputedRef<"mini" | "normal">;
themeColors: import('vue').ComputedRef<{
background: string;
text: string;
border: string;
hover: string;
selected: string;
secondaryText: string;
cardBackground: string;
}>;
componentStyles: import('vue').ComputedRef<{
background: string;
color: string;
padding: string;
borderRadius: string;
}>;
iconSize: import('vue').ComputedRef<"qweather-icon-sm" | "qweather-icon-lg">;
};