@lui-ui/lui-vue
Version:
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
19 lines (18 loc) • 718 B
JavaScript
import { computed } from "vue";
export function useGlobalDescriptionClasses(props, attrs) {
const descriptionClasses = computed(() => {
const classes = {
fontSize: "text-sm",
lineHeight: "leading-normal",
margin: "mt-1",
textColor: attrs.disabled !== void 0 && attrs.disabled === true ? "text-secondary-200 dark:text-secondary-700" : {
"text-secondary-600 dark:text-secondary-400": props.state.value === null,
"text-warning-500": props.state.value === "warning",
"text-danger-500": props.state.value === false,
"text-success-500": props.state.value === true
}
};
return Object.values({ ...classes });
});
return { descriptionClasses };
}