feat(module)!: use tailwind-merge for app.config & move config to components & type props (#692)

Co-authored-by: Pooya Parsa <pooya@pi0.io>

src/runtime/composables/useUI.ts

@@ -0,0 +1,24 @@
+import { computed, toValue, useAttrs } from 'vue'
+import { useAppConfig } from '#imports'
+import { mergeConfig, omit } from '../utils'
+import { Strategy } from '../types'
+
+export const useUI = <T>(key, $ui: Partial<T & { strategy: Strategy }>, $config?: T, { mergeWrapper = false }: { mergeWrapper?: boolean } = {}) => {
+  const $attrs = useAttrs()
+  const appConfig = useAppConfig()
+
+  const ui = computed(() => mergeConfig<T>(
+    $ui?.strategy || (appConfig.ui?.strategy as Strategy),
+    mergeWrapper ? { wrapper: $attrs?.class } : {},
+    $ui || {},
+    process.dev ? (appConfig.ui[key] || {}) : {},
+    toValue($config || {})
+  ))
+  const attrs = computed(() => omit($attrs, ['class']))
+
+  return {
+    ui,
+    attrs,
+    attrsClass: mergeWrapper ? undefined : $attrs?.class as string
+  }
+}