chore: fixed indention issues

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

src/components/NcActionInput/NcActionInput.vue

@@ -311,7 +311,8 @@ export default {
 			type: String,
 			default: 'text',
 			validator(type) {
-				return ['date',
+				return [
+					'date',
 					'datetime-local',
 					'month',
 					'multiselect',
@@ -324,7 +325,8 @@ export default {
 					'url',
 					'week',
 					'color',
-					'email'].indexOf(type) > -1
+					'email',
+				].includes(type)
 			},
 		},
 

src/components/NcActions/NcActions.vue

@@ -1888,9 +1888,7 @@ export default {
 										},
 									],
 								},
-								[
-									renderActionsPopover(menuActions),
-								],
+								[renderActionsPopover(menuActions)],
 							)
 						: null,
 				],

src/components/NcBreadcrumb/NcBreadcrumb.vue

@@ -189,13 +189,15 @@ export default {
 		 * The attributes to pass to `router-link` or `a`
 		 */
 		linkAttributes() {
-			// If it's a router-link, we pass `to` and `exact`, if its an <a/> element, we pass `href`, otherwise we have a button
-			return this.to
-				? { to: this.to, ...this.$attrs }
-				: (this.href
-						? { href: this.href, ...this.$attrs }
-						: this.$attrs
-					)
+			// If it's a router-link, we pass `to` and `exact`
+			if (this.to) {
+				return { to: this.to, ...this.$attrs }
+			} else if (this.href) {
+				// if its an <a/> element, we pass `href`
+				return { href: this.href, ...this.$attrs }
+			}
+			// otherwise we have a button
+			return this.$attrs
 		},
 	},
 

src/components/NcButton/NcButton.vue

@@ -450,10 +450,9 @@ export type ButtonSize = 'small'
 	| 'normal'
 	| 'large'
 
-export type ButtonType
-	= | 'submit'
-		| 'reset'
-		| 'button'
+export type ButtonType = 'submit'
+	| 'reset'
+	| 'button'
 
 export type ButtonVariant = 'primary'
 	| 'secondary'

src/components/NcDialog/NcDialog.vue

@@ -409,25 +409,29 @@ const dialogTagName = computed(() => props.isForm && !hasNavigation.value ? 'for
  * Listener to assign to the dialog element
  * This only sets the `@submit` listener if the dialog element is a form
  */
-const dialogListeners = computed(() => dialogTagName.value === 'form'
-	? {
+const dialogListeners = computed(() => {
+	if (dialogTagName.value !== 'form') {
+		return {}
+	}
+
+	return {
 		/**
 		 * @param event - Form submit event
 		 */
-			submit(event: SubmitEvent) {
-				event.preventDefault()
-				emit('submit', event)
-			},
-
-			/**
-			 * @param event - Form submit event
-			 */
-			reset(event: Event) {
-				event.preventDefault()
-				emit('reset', event)
-			},
-		}
-	: {})
+		submit(event: SubmitEvent) {
+			event.preventDefault()
+			emit('submit', event)
+		},
+
+		/**
+		 * @param event - Form submit event
+		 */
+		reset(event: Event) {
+			event.preventDefault()
+			emit('reset', event)
+		},
+	}
+})
 
 /**
  * If the underlying modal is shown

src/utils/colors.ts

@@ -74,27 +74,56 @@ function mixPalette(steps: number, color1: Color, color2: Color): Color[] {
  * Like GenColor(4) but with labels
  */
 export const defaultPalette = [
-	new Color(182, 70, 157, t('Purple')),
-	new Color(191, 103, 139, t('Rosy brown'), // TRANSLATORS: A color name for RGB(191, 103, 139)
+	/* eslint-disable @stylistic/function-call-argument-newline -- Allow to put translators comments */
+	new Color(
+		182, 70, 157,
+		t('Purple'),
 	),
-	new Color(201, 136, 121, t('Feldspar'), // TRANSLATORS: A color name for RGB(201, 136, 121)
+	new Color(
+		191, 103, 139,
+		t('Rosy brown'), // TRANSLATORS: A color name for RGB(191, 103, 139)
 	),
-	new Color(211, 169, 103, t('Whiskey'), // TRANSLATORS: A color name for RGB(211, 169, 103)
+	new Color(
+		201, 136, 121,
+		t('Feldspar'), // TRANSLATORS: A color name for RGB(201, 136, 121)
 	),
-	new Color(221, 203, 85, t('Gold')),
-	new Color(165, 184, 114, t('Olivine'), // TRANSLATORS: A color name for RGB(165, 184, 114)
+	new Color(
+		211, 169, 103,
+		t('Whiskey'), // TRANSLATORS: A color name for RGB(211, 169, 103)
 	),
-	new Color(110, 166, 143, t('Acapulco'), // TRANSLATORS: A color name for RGB(110, 166, 143)
+	new Color(
+		221, 203, 85,
+		t('Gold'),
 	),
-	new Color(55, 148, 172, t('Boston Blue'), // TRANSLATORS: A color name for RGB(55, 148, 172)
+	new Color(
+		165, 184, 114,
+		t('Olivine'), // TRANSLATORS: A color name for RGB(165, 184, 114)
 	),
-	new Color(0, 130, 201, t('Nextcloud blue')),
-	new Color(45, 115, 190, t('Mariner'), // TRANSLATORS: A color name for RGB(45, 115, 190)
+	new Color(
+		110, 166, 143,
+		t('Acapulco'), // TRANSLATORS: A color name for RGB(110, 166, 143)
 	),
-	new Color(91, 100, 179, t('Blue Violet'), // TRANSLATORS: A color name for RGB(91, 100, 179)
+	new Color(
+		55, 148, 172,
+		t('Boston Blue'), // TRANSLATORS: A color name for RGB(55, 148, 172)
 	),
-	new Color(136, 85, 168, t('Deluge'), // TRANSLATORS: A color name for RGB(136, 85, 168)
+	new Color(
+		0, 130, 201,
+		t('Nextcloud blue'),
 	),
+	new Color(
+		45, 115, 190,
+		t('Mariner'), // TRANSLATORS: A color name for RGB(45, 115, 190)
+	),
+	new Color(
+		91, 100, 179,
+		t('Blue Violet'), // TRANSLATORS: A color name for RGB(91, 100, 179)
+	),
+	new Color(
+		136, 85, 168,
+		t('Deluge'), // TRANSLATORS: A color name for RGB(136, 85, 168)
+	),
+	/* eslint-enable @stylistic/function-call-argument-newline */
 ]
 
 /**

tests/unit/utils/colors.spec.ts

@@ -38,13 +38,13 @@ describe('utils: colors', () => {
 		})
 
 		it.each([
-
-			[0, 0, 0, '#000000'],
-			[255, 0, 0, '#ff0000'],
-			[0, 255, 0, '#00ff00'],
-			[1, 2, 0, '#010200'],
+			/* eslint-disable  @stylistic/no-multi-spaces, @stylistic/array-bracket-spacing */
+			[  0,   0,   0, '#000000'],
+			[255,   0,   0, '#ff0000'],
+			[  0, 255,   0, '#00ff00'],
+			[  1,   2,   0, '#010200'],
 			[512, 999, 256, '#ffffff'],
-			/* eslint-enabled no-multi-spaces,array-bracket-spacing */
+			/* eslint-enabled  @stylistic/no-multi-spaces, @stylistic/array-bracket-spacing */
 		])('correctly generated color string', (r: number, g: number, b: number, expected: string) => {
 			expect(new Color(r, g, b).color).toBe(expected)
 		})