From 7e75e047904dd00cab6fb9ce49b445109fea8641 Mon Sep 17 00:00:00 2001 From: hirakei1203 Date: Sat, 22 Oct 2022 22:52:36 +0900 Subject: [PATCH] create useProgressClasses.ts --- .node-version | 1 + src/components/Progress/Progress.vue | 3 +++ .../Progress/composables/useProgressClasses.ts | 18 ++++++++++++++++++ 3 files changed, 22 insertions(+) create mode 100644 .node-version create mode 100644 src/components/Progress/composables/useProgressClasses.ts diff --git a/.node-version b/.node-version new file mode 100644 index 0000000..357607e --- /dev/null +++ b/.node-version @@ -0,0 +1 @@ +16.6.2 diff --git a/src/components/Progress/Progress.vue b/src/components/Progress/Progress.vue index 378c2d8..48f12ef 100644 --- a/src/components/Progress/Progress.vue +++ b/src/components/Progress/Progress.vue @@ -6,6 +6,7 @@ diff --git a/src/components/Progress/composables/useProgressClasses.ts b/src/components/Progress/composables/useProgressClasses.ts new file mode 100644 index 0000000..1e1ebd6 --- /dev/null +++ b/src/components/Progress/composables/useProgressClasses.ts @@ -0,0 +1,18 @@ +const progressColorClasses: ProgressClassMap = { + default: { + default: '', + blue: 'bg-blue-600', + alternative: '', + dark: 'bg-gray-600 dark:bg-gray-300', + light: '', + green: 'bg-green-600 dark:bg-green-500', + red: 'bg-red-600 dark:bg-red-500', + yellow: 'bg-yellow-400', + purple: 'bg-purple-600 dark:bg-purple-500', + pink: '', + }, +} + +export function useProgressClasses(props: UseProgressClassesProps): { wrapperClasses: Ref} { + +} \ No newline at end of file