refactor: change repsonsiveCLassNames to repsonsiveClassNames

mrholek · mrholek · commit c1782bbef4cb · 2021-11-28T16:45:55.000+01:00
diff --git a/packages/coreui-vue/src/components/grid/CCol.ts b/packages/coreui-vue/src/components/grid/CCol.ts
@@ -84,7 +84,7 @@ const CCol = defineComponent({
     },
   },
   setup(props, { slots }) {
-    const repsonsiveCLassNames: string[] = []
+    const repsonsiveClassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = props[bp]
@@ -93,29 +93,29 @@ const CCol = defineComponent({
 
       if (breakpoint) {
         if (typeof breakpoint === 'number' || typeof breakpoint === 'string') {
-          repsonsiveCLassNames.push(`col${infix}-${breakpoint}`)
+          repsonsiveClassNames.push(`col${infix}-${breakpoint}`)
         }
 
         if (typeof breakpoint === 'boolean') {
-          repsonsiveCLassNames.push(`col${infix}`)
+          repsonsiveClassNames.push(`col${infix}`)
         }
       }
 
       if (breakpoint && typeof breakpoint === 'object') {
         if (typeof breakpoint.span === 'number' || typeof breakpoint.span === 'string') {
-          repsonsiveCLassNames.push(`col${infix}-${breakpoint.span}`)
+          repsonsiveClassNames.push(`col${infix}-${breakpoint.span}`)
         }
 
         if (typeof breakpoint.span === 'boolean') {
-          repsonsiveCLassNames.push(`col${infix}`)
+          repsonsiveClassNames.push(`col${infix}`)
         }
 
         if (typeof breakpoint.order === 'number' || typeof breakpoint.order === 'string') {
-          repsonsiveCLassNames.push(`order${infix}-${breakpoint.order}`)
+          repsonsiveClassNames.push(`order${infix}-${breakpoint.order}`)
         }
 
         if (typeof breakpoint.offset === 'number') {
-          repsonsiveCLassNames.push(`offset${infix}-${breakpoint.offset}`)
+          repsonsiveClassNames.push(`offset${infix}-${breakpoint.offset}`)
         }
       }
     })
@@ -124,7 +124,7 @@ const CCol = defineComponent({
       h(
         'div',
         {
-          class: [repsonsiveCLassNames.length ? repsonsiveCLassNames : 'col'],
+          class: [repsonsiveClassNames.length ? repsonsiveClassNames : 'col'],
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/grid/CContainer.ts b/packages/coreui-vue/src/components/grid/CContainer.ts
@@ -56,18 +56,18 @@ const CContainer = defineComponent({
     },
   },
   setup(props, { slots }) {
-    const repsonsiveCLassNames: string[] = []
+    const repsonsiveClassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = props[bp]
 
-      breakpoint && repsonsiveCLassNames.push(`container-${bp}`)
+      breakpoint && repsonsiveClassNames.push(`container-${bp}`)
     })
     return () =>
       h(
         'div',
         {
-          class: [repsonsiveCLassNames.length ? repsonsiveCLassNames : 'container'],
+          class: [repsonsiveClassNames.length ? repsonsiveClassNames : 'container'],
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/grid/CRow.ts b/packages/coreui-vue/src/components/grid/CRow.ts
@@ -81,24 +81,24 @@ const CRow = defineComponent({
     },
   },
   setup(props, { slots }) {
-    const repsonsiveCLassNames: string[] = []
+    const repsonsiveClassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = props[bp]
       const infix = bp === 'xs' ? '' : `-${bp}`
 
       if (typeof breakpoint === 'object') {
         if (breakpoint.cols) {
-          repsonsiveCLassNames.push(`row-cols${infix}-${breakpoint.cols}`)
+          repsonsiveClassNames.push(`row-cols${infix}-${breakpoint.cols}`)
         }
         if (typeof breakpoint.gutter === 'number') {
-          repsonsiveCLassNames.push(`g${infix}-${breakpoint.gutter}`)
+          repsonsiveClassNames.push(`g${infix}-${breakpoint.gutter}`)
         }
         if (typeof breakpoint.gutterX === 'number') {
-          repsonsiveCLassNames.push(`gx${infix}-${breakpoint.gutterX}`)
+          repsonsiveClassNames.push(`gx${infix}-${breakpoint.gutterX}`)
         }
         if (typeof breakpoint.gutterY === 'number') {
-          repsonsiveCLassNames.push(`gy${infix}-${breakpoint.gutterY}`)
+          repsonsiveClassNames.push(`gy${infix}-${breakpoint.gutterY}`)
         }
       }
     })
@@ -107,7 +107,7 @@ const CRow = defineComponent({
       h(
         'div',
         {
-          class: ['row', repsonsiveCLassNames],
+          class: ['row', repsonsiveClassNames],
         },
         slots.default && slots.default(),
       )

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ const CCol = defineComponent({`
`84`	`84`	`},`
`85`	`85`	`},`
`86`	`86`	`setup(props, { slots }) {`
`87`		`- const repsonsiveCLassNames: string[] = []`
	`87`	`+ const repsonsiveClassNames: string[] = []`
`88`	`88`
`89`	`89`	`BREAKPOINTS.forEach((bp) => {`
`90`	`90`	`const breakpoint = props[bp]`
`@@ -93,29 +93,29 @@ const CCol = defineComponent({`
`93`	`93`
`94`	`94`	`if (breakpoint) {`
`95`	`95`	`if (typeof breakpoint === 'number' \|\| typeof breakpoint === 'string') {`
`96`		- repsonsiveCLassNames.push(`col${infix}-${breakpoint}`)
	`96`	+ repsonsiveClassNames.push(`col${infix}-${breakpoint}`)
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`if (typeof breakpoint === 'boolean') {`
`100`		- repsonsiveCLassNames.push(`col${infix}`)
	`100`	+ repsonsiveClassNames.push(`col${infix}`)
`101`	`101`	`}`
`102`	`102`	`}`
`103`	`103`
`104`	`104`	`if (breakpoint && typeof breakpoint === 'object') {`
`105`	`105`	`if (typeof breakpoint.span === 'number' \|\| typeof breakpoint.span === 'string') {`
`106`		- repsonsiveCLassNames.push(`col${infix}-${breakpoint.span}`)
	`106`	+ repsonsiveClassNames.push(`col${infix}-${breakpoint.span}`)
`107`	`107`	`}`
`108`	`108`
`109`	`109`	`if (typeof breakpoint.span === 'boolean') {`
`110`		- repsonsiveCLassNames.push(`col${infix}`)
	`110`	+ repsonsiveClassNames.push(`col${infix}`)
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`if (typeof breakpoint.order === 'number' \|\| typeof breakpoint.order === 'string') {`
`114`		- repsonsiveCLassNames.push(`order${infix}-${breakpoint.order}`)
	`114`	+ repsonsiveClassNames.push(`order${infix}-${breakpoint.order}`)
`115`	`115`	`}`
`116`	`116`
`117`	`117`	`if (typeof breakpoint.offset === 'number') {`
`118`		- repsonsiveCLassNames.push(`offset${infix}-${breakpoint.offset}`)
	`118`	+ repsonsiveClassNames.push(`offset${infix}-${breakpoint.offset}`)
`119`	`119`	`}`
`120`	`120`	`}`
`121`	`121`	`})`
`@@ -124,7 +124,7 @@ const CCol = defineComponent({`
`124`	`124`	`h(`
`125`	`125`	`'div',`
`126`	`126`	`{`
`127`		`- class: [repsonsiveCLassNames.length ? repsonsiveCLassNames : 'col'],`
	`127`	`+ class: [repsonsiveClassNames.length ? repsonsiveClassNames : 'col'],`
`128`	`128`	`},`
`129`	`129`	`slots.default && slots.default(),`
`130`	`130`	`)`
Original file line number	Diff line number	Diff line change
`@@ -81,24 +81,24 @@ const CRow = defineComponent({`
`81`	`81`	`},`
`82`	`82`	`},`
`83`	`83`	`setup(props, { slots }) {`
`84`		`- const repsonsiveCLassNames: string[] = []`
	`84`	`+ const repsonsiveClassNames: string[] = []`
`85`	`85`
`86`	`86`	`BREAKPOINTS.forEach((bp) => {`
`87`	`87`	`const breakpoint = props[bp]`
`88`	`88`	const infix = bp === 'xs' ? '' : `-${bp}`
`89`	`89`
`90`	`90`	`if (typeof breakpoint === 'object') {`
`91`	`91`	`if (breakpoint.cols) {`
`92`		- repsonsiveCLassNames.push(`row-cols${infix}-${breakpoint.cols}`)
	`92`	+ repsonsiveClassNames.push(`row-cols${infix}-${breakpoint.cols}`)
`93`	`93`	`}`
`94`	`94`	`if (typeof breakpoint.gutter === 'number') {`
`95`		- repsonsiveCLassNames.push(`g${infix}-${breakpoint.gutter}`)
	`95`	+ repsonsiveClassNames.push(`g${infix}-${breakpoint.gutter}`)
`96`	`96`	`}`
`97`	`97`	`if (typeof breakpoint.gutterX === 'number') {`
`98`		- repsonsiveCLassNames.push(`gx${infix}-${breakpoint.gutterX}`)
	`98`	+ repsonsiveClassNames.push(`gx${infix}-${breakpoint.gutterX}`)
`99`	`99`	`}`
`100`	`100`	`if (typeof breakpoint.gutterY === 'number') {`
`101`		- repsonsiveCLassNames.push(`gy${infix}-${breakpoint.gutterY}`)
	`101`	+ repsonsiveClassNames.push(`gy${infix}-${breakpoint.gutterY}`)
`102`	`102`	`}`
`103`	`103`	`}`
`104`	`104`	`})`
`@@ -107,7 +107,7 @@ const CRow = defineComponent({`
`107`	`107`	`h(`
`108`	`108`	`'div',`
`109`	`109`	`{`
`110`		`- class: ['row', repsonsiveCLassNames],`
	`110`	`+ class: ['row', repsonsiveClassNames],`
`111`	`111`	`},`
`112`	`112`	`slots.default && slots.default(),`
`113`	`113`	`)`