ui(eslint): update typescript-eslint and plugins to latest

3YOURMIND · Jan 8, 2025 · 4222491 · 4222491
1 parent 19004ea
commit 4222491
Show file tree

Hide file tree

Showing 57 changed files with 439 additions and 308 deletions.
diff --git a/package.json b/package.json
@@ -46,6 +46,7 @@
 			"url": "https://github.com/carsoli"
 		}
 	],
+	"dependencies": {},
 	"devDependencies": {
 		"@3yourmind/eslint-config": "*",
 		"@types/eslint__js": "^8.42.3",
@@ -68,8 +69,8 @@
 		"stylelint-csstree-validator": "^3.0.0",
 		"stylelint-prettier": "^4.0.2",
 		"turbo": "^1.13.3",
-		"typescript": "5.7.2",
-		"typescript-eslint": "^8.19.0"
+		"typescript": "5.4.4",
+		"typescript-eslint": "^7.8.0"
 	},
 	"engines": {
 		"node": "20"

diff --git a/packages/documentation/components/CodePreviewLegacy.vue b/packages/documentation/components/CodePreviewLegacy.vue
@@ -16,8 +16,8 @@ import { computed, defineComponent, ref } from 'vue'
 export default defineComponent({
 	name: 'CodePreviewLegacy',
 	props: {
-		vueSlotLabel: { default: 'Kotti-UI', type: String },
 		styleSlotLabel: { default: 'Kotti-Style', type: String },
+		vueSlotLabel: { default: 'Kotti-UI', type: String },
 	},
 	setup(props) {
 		const showCode = ref(true)

diff --git a/packages/documentation/components/NavBar.vue b/packages/documentation/components/NavBar.vue
@@ -68,20 +68,20 @@ export default defineComponent({
 			navLogo,
 			quickLinks: [
 				{
-					title: 'Create New Issue',
 					link: 'https://github.com/3YOURMIND/kotti/issues/new/choose',
+					title: 'Create New Issue',
 				},
 				{
-					title: 'NPM',
 					link: 'https://www.npmjs.com/package/@3yourmind/kotti-ui',
+					title: 'NPM',
 				},
 				{
-					title: 'Issues',
 					link: 'https://github.com/3YOURMIND/kotti/issues',
+					title: 'Issues',
 				},
 				{
-					title: 'Readme',
 					link: 'https://github.com/3YOURMIND/kotti#readme',
+					title: 'Readme',
 				},
 			],
 			sections: computed(() =>

diff --git a/packages/documentation/pages/changelog.vue b/packages/documentation/pages/changelog.vue
@@ -142,9 +142,9 @@ export default defineComponent({
 		return {
 			dayjs,
 			isLoading,
+			releases,
 			renderMarkdown: (markdown: string) =>
 				marked.parse(convertPoundToIssueLink(markdown)),
-			releases,
 			sortedReleases: computed(() =>
 				cloneDeep(releases.value).sort((a, b) =>
 					naturalSort({ direction: 'desc' })(a.tag_name, b.tag_name),

diff --git a/packages/documentation/pages/foundations/icons/list.vue b/packages/documentation/pages/foundations/icons/list.vue
@@ -34,7 +34,6 @@ export default defineComponent({
 	},
 	setup() {
 		const component: { meta: Kotti.Meta; name: string } = {
-			name: 'Icons',
 			meta: {
 				addedVersion: null,
 				deprecated: null,
@@ -48,6 +47,7 @@ export default defineComponent({
 					schema: yocoIconSchema,
 				},
 			},
+			name: 'Icons',
 		}
 
 		return {

diff --git a/packages/documentation/pages/usage/components/avatar.vue b/packages/documentation/pages/usage/components/avatar.vue
@@ -110,13 +110,6 @@ export default defineComponent({
 	},
 	setup() {
 		return {
-			avatarSettings: ref<Kotti.Avatar.Props & { showContentSlot: boolean }>({
-				isHoverable: false,
-				name: "Jony O'Five",
-				showContentSlot: false,
-				size: Kotti.Avatar.Size.MEDIUM,
-				src: 'https://picsum.photos/200/100',
-			}),
 			avatarGroupSettings: ref<
 				Kotti.AvatarGroup.Props & { showContentSlot: boolean }
 			>({
@@ -133,13 +126,20 @@ export default defineComponent({
 				showContentSlot: false,
 				size: Kotti.Avatar.Size.MEDIUM,
 			}),
+			avatarSettings: ref<Kotti.Avatar.Props & { showContentSlot: boolean }>({
+				isHoverable: false,
+				name: "Jony O'Five",
+				showContentSlot: false,
+				size: Kotti.Avatar.Size.MEDIUM,
+				src: 'https://picsum.photos/200/100',
+			}),
+			Kotti,
+			KtAvatar,
+			KtAvatarGroup,
 			sizeOptions: Object.entries(Kotti.Avatar.Size).map(([label, value]) => ({
 				label,
 				value,
 			})),
-			Kotti,
-			KtAvatar,
-			KtAvatarGroup,
 			Yoco,
 		}
 	},

diff --git a/packages/documentation/pages/usage/components/breadcrumb.vue b/packages/documentation/pages/usage/components/breadcrumb.vue
@@ -103,44 +103,44 @@ export default defineComponent({
 			component: KtBreadcrumb,
 			links: [
 				{
-					title: 'Kotti',
+					isCompleted: true,
 					onClick: () => {
 						activeIndex.value = 0
 						void router.value.push('#')
 					},
-					isCompleted: true,
+					title: 'Kotti',
 				},
 				{
-					title: 'Usage',
+					isCompleted: true,
 					onClick: () => {
 						activeIndex.value = 1
 						void router.value.push('#')
 					},
-					isCompleted: true,
+					title: 'Usage',
 				},
 				{
-					title: 'Components',
+					isCompleted: true,
 					onClick: () => {
 						activeIndex.value = 2
 						void router.value.push('#')
 					},
-					isCompleted: true,
+					title: 'Components',
 				},
 				{
-					title: 'Links',
+					isCompleted: false,
 					onClick: () => {
 						activeIndex.value = 3
 						void router.value.push('#')
 					},
-					isCompleted: false,
+					title: 'Links',
 				},
 				{
-					title: 'Breadcrumbs',
+					isDisabled: true,
 					onClick: () => {
 						activeIndex.value = 4
 						void router.value.push('#')
 					},
-					isDisabled: true,
+					title: 'Breadcrumbs',
 				},
 			],
 			textSeparator: {

diff --git a/packages/documentation/pages/usage/components/comment.vue b/packages/documentation/pages/usage/components/comment.vue
@@ -394,8 +394,8 @@ export default defineComponent({
 				comment.id === payload.id
 					? {
 							...comment,
-							isModified: true,
 							isInternal: payload.isInternal,
+							isModified: true,
 							message: payload.message,
 						}
 					: comment
@@ -432,12 +432,16 @@ export default defineComponent({
 					}),
 				)
 			},
-			handleEdit(payload: Kotti.Comment.Events.Edit) {
+			handleDelete(payload: Kotti.Comment.Events.Delete) {
 				if (!payload.parentId) {
 					if (!comments.value.some((comment) => comment.id === payload.id))
-						throw new Error(`Comment not found, comment id: ${payload.id}`)
+						throw new Error(
+							`Comment not found, comment id: ${String(payload.id)}`,
+						)
 
-					comments.value = comments.value.map(editComment(payload))
+					comments.value = comments.value.filter(
+						(comment) => comment.id !== payload.id,
+					)
 					return
 				}
 
@@ -455,18 +459,16 @@ export default defineComponent({
 						`Comment not found, comment id: ${String(payload.id)}`,
 					)
 
-				parentComment.replies = parentComment.replies.map(editComment(payload))
+				parentComment.replies = parentComment.replies.filter(
+					(reply) => reply.id !== payload.id,
+				)
 			},
-			handleDelete(payload: Kotti.Comment.Events.Delete) {
+			handleEdit(payload: Kotti.Comment.Events.Edit) {
 				if (!payload.parentId) {
 					if (!comments.value.some((comment) => comment.id === payload.id))
-						throw new Error(
-							`Comment not found, comment id: ${String(payload.id)}`,
-						)
+						throw new Error(`Comment not found, comment id: ${payload.id}`)
 
-					comments.value = comments.value.filter(
-						(comment) => comment.id !== payload.id,
-					)
+					comments.value = comments.value.map(editComment(payload))
 					return
 				}
 
@@ -484,9 +486,7 @@ export default defineComponent({
 						`Comment not found, comment id: ${String(payload.id)}`,
 					)
 
-				parentComment.replies = parentComment.replies.filter(
-					(reply) => reply.id !== payload.id,
-				)
+				parentComment.replies = parentComment.replies.map(editComment(payload))
 			},
 			postEscapeParser: (msg: string) => msg.replaceAll('\n', '</br>'),
 			settings,

diff --git a/packages/documentation/pages/usage/components/drawer.vue b/packages/documentation/pages/usage/components/drawer.vue
@@ -149,8 +149,8 @@ import ComponentInfo from '~/components/ComponentInfo.vue'
 export default defineComponent({
 	name: 'DocumentationPageUsageComponentsDrawer',
 	components: {
-		ComponentInfo,
 		CodePreviewLegacy,
+		ComponentInfo,
 	},
 	data() {
 		return {

diff --git a/packages/documentation/pages/usage/components/field-inline-edit.vue b/packages/documentation/pages/usage/components/field-inline-edit.vue
@@ -174,8 +174,6 @@ export default defineComponent({
 				{ label: '<token>', value: 'token' },
 			]),
 			component: KtFieldInlineEdit,
-			formValue,
-			fieldValue: computed(() => formValue.value.fieldValue),
 			fieldProps: computed(() => ({
 				autoComplete:
 					settings.value.autoComplete === 'token'
@@ -200,6 +198,8 @@ export default defineComponent({
 					type: settings.value.validation ?? 'empty',
 				}),
 			})),
+			fieldValue: computed(() => formValue.value.fieldValue),
+			formValue,
 			onConfirm: (newVal: Kotti.FieldInlineEdit.Events.Confirm) => {
 				success({ text: newVal ?? '' })
 			},

diff --git a/packages/documentation/pages/usage/components/form-fields.vue b/packages/documentation/pages/usage/components/form-fields.vue
@@ -1815,6 +1815,13 @@ export default defineComponent({
 			reset: () => {
 				values.value = INITIAL_VALUES
 			},
+			savedFieldsAdd: () => {
+				savedFields.value = [
+					...savedFields.value,
+					cloneDeep(componentValue.value),
+				]
+				saveSavedFieldsToLocalStorage(savedFields.value)
+			},
 			savedFieldsMap: computed(() =>
 				savedFields.value.map(
 					(component): ComponentRepresentation => ({
@@ -1824,13 +1831,6 @@ export default defineComponent({
 					}),
 				),
 			),
-			savedFieldsAdd: () => {
-				savedFields.value = [
-					...savedFields.value,
-					cloneDeep(componentValue.value),
-				]
-				saveSavedFieldsToLocalStorage(savedFields.value)
-			},
 			savedFieldsRemove: (toRemove: number) => {
 				savedFields.value = savedFields.value.filter(
 					(_, index) => index !== toRemove,

diff --git a/packages/documentation/pages/usage/components/heading.vue b/packages/documentation/pages/usage/components/heading.vue
@@ -100,10 +100,10 @@ export default defineComponent({
 	setup() {
 		return {
 			component: KtHeading,
-			toggle: ref(false),
 			showAlert() {
 				info({ text: 'H3 Action Clicked' })
 			},
+			toggle: ref(false),
 		}
 	},
 })

diff --git a/packages/documentation/pages/usage/components/loadings.vue b/packages/documentation/pages/usage/components/loadings.vue
@@ -132,7 +132,6 @@ export default defineComponent({
 	},
 	setup() {
 		const component: { meta: Kotti.Meta; name: string } = {
-			name: 'Loadings',
 			meta: {
 				addedVersion: null,
 				deprecated: null,
@@ -143,6 +142,7 @@ export default defineComponent({
 				slots: {},
 				typeScript: null,
 			},
+			name: 'Loadings',
 		}
 
 		return {

diff --git a/packages/documentation/pages/usage/components/modal.vue b/packages/documentation/pages/usage/components/modal.vue
@@ -97,8 +97,6 @@ export default defineComponent({
 	setup() {
 		return {
 			component: KtModal,
-			showAnnouncement: ref(true),
-			showModal: ref(false),
 			settings: ref<{
 				preventCloseOutside: boolean
 				size: Kotti.Modal.Size
@@ -116,6 +114,8 @@ export default defineComponent({
 					header: true,
 				},
 			}),
+			showAnnouncement: ref(true),
+			showModal: ref(false),
 		}
 	},
 })

diff --git a/packages/documentation/pages/usage/components/popover.vue b/packages/documentation/pages/usage/components/popover.vue
@@ -289,6 +289,7 @@ export default defineComponent({
 					value,
 				})),
 			),
+			UsageMode,
 			usageOptions: computed<Kotti.FieldSingleSelect.Props['options']>(() => [
 				{ label: 'Use Slot', value: UsageMode.SLOT },
 				{ label: 'Use Options', value: UsageMode.OPTIONS },
@@ -297,7 +298,6 @@ export default defineComponent({
 					value: UsageMode.SELECTABLE_OPTIONS,
 				},
 			]),
-			UsageMode,
 			values: ref<
 				Pick<Kotti.Popover.PropsInternal, 'placement' | 'size' | 'trigger'> & {
 					usageMode: UsageMode

diff --git a/packages/documentation/pages/usage/components/table.vue b/packages/documentation/pages/usage/components/table.vue
@@ -438,8 +438,9 @@ export default defineComponent({
 			},
 			expandMode,
 			reverseColumnOrder: () => {
-				tableHook.api.columnOrder.value =
-					tableHook.api.columnOrder.value.reverse()
+				const localColumns = [...tableHook.api.columnOrder.value]
+				localColumns.reverse()
+				tableHook.api.columnOrder.value = localColumns
 			},
 			showAllColumns: () => {
 				tableHook.api.hiddenColumns.value = new Set()

diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -4,20 +4,20 @@
 		"url": "https://github.com/3YOURMIND/kotti/issues"
 	},
 	"dependencies": {
-		"@eslint/js": "^9.17.0",
 		"@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
+		"@eslint/js": "^9.17.0",
 		"@typescript-eslint/utils": "^8.19.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-jsonc": "^2.18.2",
-		"eslint-plugin-perfectionist": "^4.5.0",
+		"eslint-plugin-perfectionist": "^4.6.0",
 		"eslint-plugin-prettier": "^5.2.1",
 		"eslint-plugin-sonarjs": "^3.0.1",
 		"eslint-plugin-unicorn": "^56.0.1",
 		"eslint-plugin-vitest": "^0.5.4",
 		"eslint-plugin-vue": "^9.32.0",
-		"globals": "^15.3.0",
+		"globals": "^15.14.0",
 		"jsonc-eslint-parser": "^2.4.0",
-		"typescript-eslint": "^8.19.0",
+		"typescript-eslint": "^8.19.1",
 		"vue-eslint-parser": "^9.4.3"
 	},
 	"description": "ESLint config for 3YOURMIND",