Merge pull request #22 from variantjs/fix/add-compact-config

alfonsobries · web-flow · commit 3454d7b5fd95 · 2021-10-27T16:01:31.000-05:00
fix: add compact config to all componentes
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@variantjs/vue",
-  "version": "0.0.10-1",
+  "version": "0.0.10",
   "description": "Vue VariantJS: Fully configurable Vue 3 components styled with TailwindCSS",
   "files": [
     "dist/**/*",
diff --git a/src/components/TAlert.vue b/src/components/TAlert.vue
@@ -70,6 +70,9 @@ import { getVariantPropsWithClassesList } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TAlert',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     CustomIcon,
     CloseIcon,
diff --git a/src/components/TButton.vue b/src/components/TButton.vue
@@ -31,6 +31,9 @@ import { getVariantProps } from '../utils/getVariantProps';
 
 export default defineComponent({
   name: 'TButton',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TButtonOptions>(),
     tagName: {
diff --git a/src/components/TCard.vue b/src/components/TCard.vue
@@ -52,6 +52,9 @@ import { getVariantPropsWithClassesList } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TCard',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantPropsWithClassesList<TCardOptions, TCardClassesValidKeys>(),
     tagName: {
diff --git a/src/components/TCheckbox.vue b/src/components/TCheckbox.vue
@@ -17,6 +17,9 @@ import useVModel from '../use/useVModel';
 // @vue/component
 export default defineComponent({
   name: 'TCheckbox',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TCheckboxOptions>(),
     modelValue: {
diff --git a/src/components/TDialog.vue b/src/components/TDialog.vue
@@ -277,6 +277,9 @@ import CloseIcon from '../icons/CloseIcon.vue';
 // @vue/component
 export default defineComponent({
   name: 'TDialog',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     TModal,
     CloseIcon,
diff --git a/src/components/TDropdown.vue b/src/components/TDropdown.vue
@@ -102,6 +102,9 @@ export const validDropdownPlacements = [
 // @vue/component
 export default defineComponent({
   name: 'TDropdown',
+  compatConfig: {
+    MODE: 3,
+  },
   components: { Transitionable },
   inheritAttrs: false,
   props: {
diff --git a/src/components/TInput.vue b/src/components/TInput.vue
@@ -20,6 +20,9 @@ import useConfiguration from '../use/useConfiguration';
 
 export default defineComponent({
   name: 'TInput',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TInputOptions>(),
     modelValue: {
diff --git a/src/components/TInputGroup.vue b/src/components/TInputGroup.vue
@@ -33,6 +33,9 @@ import { getVariantPropsWithClassesList } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TInputGroup',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantPropsWithClassesList<TInputGroupOptions, TInputGroupClassesValidKeys>(),
     label: {
diff --git a/src/components/TModal.vue b/src/components/TModal.vue
@@ -109,6 +109,9 @@ import Transitionable from './misc/Transitionable.vue';
 // @vue/component
 export default defineComponent({
   name: 'TModal',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     CloseIcon,
     Transitionable,
diff --git a/src/components/TRadio.vue b/src/components/TRadio.vue
@@ -17,6 +17,9 @@ import { getVariantProps } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TRadio',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TRadioOptions>(),
     modelValue: {
diff --git a/src/components/TRichSelect.vue b/src/components/TRichSelect.vue
@@ -176,6 +176,9 @@ import { sameWidthModifier } from '../utils/popper';
 // @vue/component
 export default defineComponent({
   name: 'TRichSelect',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     RichSelectTrigger,
     RichSelectDropdown,
diff --git a/src/components/TRichSelect/RichSelectClearButton.vue b/src/components/TRichSelect/RichSelectClearButton.vue
@@ -17,6 +17,9 @@ import useInjectsClassesListClass from '../../use/useInjectsClassesListClass';
 
 export default defineComponent({
   name: 'RichSelectClearButton',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     CloseIcon,
   },
diff --git a/src/components/TRichSelect/RichSelectDropdown.vue b/src/components/TRichSelect/RichSelectDropdown.vue
@@ -56,6 +56,9 @@ import useInjectsClassesListClass from '../../use/useInjectsClassesListClass';
 
 export default defineComponent({
   name: 'RichSelectDropdown',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     RichSelectOptionsList,
     RichSelectSearchInput,
diff --git a/src/components/TRichSelect/RichSelectOption.vue b/src/components/TRichSelect/RichSelectOption.vue
@@ -85,6 +85,9 @@ import CheckmarkIcon from '../../icons/CheckmarkIcon.vue';
 
 export default defineComponent({
   name: 'RichSelectOption',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     CheckmarkIcon,
   },
diff --git a/src/components/TRichSelect/RichSelectOptionsList.vue b/src/components/TRichSelect/RichSelectOptionsList.vue
@@ -53,6 +53,9 @@ import useInjectsClassesList from '../../use/useInjectsClassesList';
 
 export default defineComponent({
   name: 'RichSelectOptionsList',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     RichSelectOption,
   },
diff --git a/src/components/TRichSelect/RichSelectSearchInput.vue b/src/components/TRichSelect/RichSelectSearchInput.vue
@@ -24,6 +24,9 @@ import useInjectsConfiguration from '../../use/useInjectsConfiguration';
 
 export default defineComponent({
   name: 'RichSelectSearchInput',
+  compatConfig: {
+    MODE: 3,
+  },
   setup() {
     const search = ref<HTMLInputElement>();
 
diff --git a/src/components/TRichSelect/RichSelectState.vue b/src/components/TRichSelect/RichSelectState.vue
@@ -34,6 +34,9 @@ import useInjectsConfiguration from '../../use/useInjectsConfiguration';
 
 export default defineComponent({
   name: 'RichSelectState',
+  compatConfig: {
+    MODE: 3,
+  },
   setup() {
     const options = inject<ComputedRef<TRichSelectOptions>>('options')!;
     const fetchingOptions = inject<Ref<boolean>>('fetchingOptions')!;
diff --git a/src/components/TRichSelect/RichSelectTrigger.vue b/src/components/TRichSelect/RichSelectTrigger.vue
@@ -79,6 +79,9 @@ import useInjectsConfiguration from '../../use/useInjectsConfiguration';
 
 export default defineComponent({
   name: 'RichSelectTrigger',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     RichSelectTriggerTags,
     TextPlaceholder,
diff --git a/src/components/TRichSelect/RichSelectTriggerTags.vue b/src/components/TRichSelect/RichSelectTriggerTags.vue
@@ -31,6 +31,9 @@ import useInjectsClassesListClass from '../../use/useInjectsClassesListClass';
 
 export default defineComponent({
   name: 'RichSelectTriggerTags',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     RichSelectTriggerTagsTag,
   },
diff --git a/src/components/TRichSelect/RichSelectTriggerTagsTag.vue b/src/components/TRichSelect/RichSelectTriggerTagsTag.vue
@@ -51,6 +51,9 @@ import useInjectsClassesList from '../../use/useInjectsClassesList';
 
 export default defineComponent({
   name: 'RichSelectTriggerTagsTag',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     CloseIcon,
   },
diff --git a/src/components/TSelect.vue b/src/components/TSelect.vue
@@ -27,6 +27,9 @@ import { getVariantProps } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TSelect',
+  compatConfig: {
+    MODE: 3,
+  },
   components: {
     TSelectOption,
   },
diff --git a/src/components/TSelect/TSelectOption.vue b/src/components/TSelect/TSelectOption.vue
@@ -26,6 +26,9 @@ import { defineComponent, PropType } from 'vue';
 // @vue/component
 export default defineComponent({
   name: 'TSelectOption',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     option: {
       type: [Object] as PropType<NormalizedOption>,
diff --git a/src/components/TTag.vue b/src/components/TTag.vue
@@ -19,6 +19,9 @@ import { getVariantProps } from '../utils/getVariantProps';
 // @vue/component
 export default defineComponent({
   name: 'TTag',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TTagOptions>(),
     tagName: {
diff --git a/src/components/TTextarea.vue b/src/components/TTextarea.vue
@@ -20,6 +20,9 @@ import useConfiguration from '../use/useConfiguration';
 
 export default defineComponent({
   name: 'TTextarea',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantProps<TTextareaOptions>(),
     modelValue: {
diff --git a/src/components/TToggle.vue b/src/components/TToggle.vue
@@ -67,6 +67,9 @@ import { TToggleOptions, TToggleValue } from '../types/components/t-toggle';
 // @vue/component
 export default defineComponent({
   name: 'TToggle',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     ...getVariantPropsWithClassesList<TToggleOptions, TToggleClassesValidKeys>(),
     name: {
diff --git a/src/components/misc/TextPlaceholder.vue b/src/components/misc/TextPlaceholder.vue
@@ -13,6 +13,9 @@ import useInjectsClassesListClass from '../../use/useInjectsClassesListClass';
 
 export default defineComponent({
   name: 'TextPlaceholder',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     classProperty: {
       type: String,
diff --git a/src/components/misc/Transitionable.vue b/src/components/misc/Transitionable.vue
@@ -18,6 +18,9 @@ import { defineComponent } from 'vue';
 // @vue/component
 export default defineComponent({
   name: 'Transitionable',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     classesList: {
       type: Object,
diff --git a/src/icons/CustomIcon.vue b/src/icons/CustomIcon.vue
@@ -10,6 +10,9 @@ import { svgToVueComponent } from '../utils/svgToVueComponent';
 // @vue/component
 export default defineComponent({
   name: 'CustomIcon',
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     icon: {
       type: [Object, String] as PropType<IconProp>,

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@variantjs/vue",`
`3`		`- "version": "0.0.10-1",`
	`3`	`+ "version": "0.0.10",`
`4`	`4`	`"description": "Vue VariantJS: Fully configurable Vue 3 components styled with TailwindCSS",`
`5`	`5`	`"files": [`
`6`	`6`	`"dist/*/",`