refactor: remove spacing prop from all components

therealokoro · Feb 18, 2023 · f70d632 · f70d632
1 parent 4f7c587
commit f70d632
Show file tree

Hide file tree

Showing 8 changed files with 5 additions and 23 deletions.
diff --git a/packages/anu-vue/src/components/alert/AAlert.vue b/packages/anu-vue/src/components/alert/AAlert.vue
@@ -2,10 +2,9 @@
 import type { ExtractPropTypes } from 'vue'
 import { useInternalBooleanState } from '@/composables/useInternalBooleanState'
 import { useLayer, useProps as useLayerProps } from '@/composables/useLayer'
-import { configurable as configurableProp, spacing as spacingProp } from '@/composables/useProps'
+import { configurable as configurableProp } from '@/composables/useProps'
 
 const props = defineProps({
-  spacing: spacingProp,
 
   ...useLayerProps({
     color: {

diff --git a/packages/anu-vue/src/components/avatar/props.ts b/packages/anu-vue/src/components/avatar/props.ts
@@ -1,9 +1,8 @@
 import type { ExtractPropTypes } from 'vue'
 import { useProps as useLayerProps } from '@/composables/useLayer'
-import { configurable, spacing } from '@/composables/useProps'
+import { configurable } from '@/composables/useProps'
 
 export const avatarProps = {
-  spacing,
 
   ...useLayerProps({
     color: {

diff --git a/packages/anu-vue/src/components/badge/ABadge.vue b/packages/anu-vue/src/components/badge/ABadge.vue
@@ -1,15 +1,14 @@
 <script lang="ts" setup>
 import { defu } from 'defu'
 import type { PropType } from 'vue'
-import { color as colorProp, spacing as spacingProp } from '@/composables/useProps'
+import { color as colorProp } from '@/composables/useProps'
 import { isNumeric } from '@/utils/helpers'
 
 type VerticalAnchor = 'top' | 'bottom'
 type HorizontalAnchor = 'left' | 'right'
 type Anchor = `${VerticalAnchor} ${HorizontalAnchor}`
 
 const props = defineProps({
-  spacing: spacingProp,
 
   /**
    * Show/Hide badge based on v-model value

diff --git a/packages/anu-vue/src/components/base-input/props.ts b/packages/anu-vue/src/components/base-input/props.ts
@@ -1,12 +1,8 @@
 import type { ExtractPropTypes, HTMLAttributes, PropType } from 'vue'
-import { configurable, disabled, readonly, spacing } from '@/composables/useProps'
+import { configurable, disabled, readonly } from '@/composables/useProps'
 
 // TODO: Provide a way to apply classes on root. Later you can target input container & wrapper.
 export const baseInputProps = {
-  /**
-   * Component spacing
-   */
-  spacing,
 
   /**
    * Input wrapper classes

diff --git a/packages/anu-vue/src/components/btn/ABtn.vue b/packages/anu-vue/src/components/btn/ABtn.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ASpinner } from '@/components/spinner'
 import { useLayer, useProps as useLayerProps } from '@/composables/useLayer'
-import { configurable as configurableProp, disabled as disabledProp, spacing as spacingProp } from '@/composables/useProps'
+import { configurable as configurableProp, disabled as disabledProp } from '@/composables/useProps'
 
 const props = defineProps({
   ...useLayerProps({
@@ -15,7 +15,6 @@ const props = defineProps({
       default: true,
     },
   }),
-  spacing: spacingProp,
   icon: configurableProp,
   appendIcon: configurableProp,
   iconOnly: Boolean,

diff --git a/packages/anu-vue/src/components/card/props.ts b/packages/anu-vue/src/components/card/props.ts
@@ -2,12 +2,10 @@ import type { ExtractPropTypes, PropType } from 'vue'
 import type { LoaderProps } from '@/components/loader/props'
 import { typographyProps } from '@/components/typography/props'
 import { useProps as useLayerProps } from '@/composables/useLayer'
-import { spacing } from '@/composables/useProps'
 
 export const cardProps = {
   ...useLayerProps(),
   ...typographyProps,
-  spacing,
 
   /**
    * Render image at the top of the card (_above header_)

diff --git a/packages/anu-vue/src/components/table/props.ts b/packages/anu-vue/src/components/table/props.ts
@@ -1,5 +1,4 @@
 import type { PropType } from 'vue'
-import { spacing } from '@/composables/useProps'
 
 export interface PropColumn {
   name: string
@@ -32,9 +31,4 @@ export const tableProps = {
     type: String,
     default: 'No records found!',
   },
-
-  /**
-   * Component spacing
-   */
-  spacing,
 }
diff --git a/packages/anu-vue/src/composables/useProps.ts b/packages/anu-vue/src/composables/useProps.ts
@@ -16,8 +16,6 @@ export const disabled = { type: Boolean } as const
 
 export const readonly = { type: Boolean } as const
 
-export const spacing = { type: Number } as const
-
 export const configurable = { type: [Array, String, Number, Object, undefined] as PropType<ConfigurableValue> } as const
 
 // TODO: Use this prop merger