create useProgressClasses.ts

.node-version

@@ -0,0 +1 @@
+16.6.2

src/components/Progress/Progress.vue

@@ -6,6 +6,7 @@
 <script lang="ts" setup>
 import { computed, toRefs } from 'vue'
 import type { PropType } from 'vue'
+import { useProgressClasses } from './composables/useProgressClasses'
 
 const props = defineProps({
   color: {
@@ -34,4 +35,6 @@ const props = defineProps({
   },
 })
 
+const { wrapperClasses } = useProgressClasses(toRefs(props))
+
 </script>

src/components/Progress/composables/useProgressClasses.ts

@@ -0,0 +1,18 @@
+const progressColorClasses: ProgressClassMap<ProgressVariant> = {
+  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<string>} {
+  
+}