chore(eslint): functions rules

- antfu/top-level-function

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

eslint.config.mjs

@@ -23,7 +23,6 @@ export default [
 			'@typescript-eslint/no-unsafe-function-type': 'off',
 			'@typescript-eslint/no-unused-vars': 'off',
 			'@typescript-eslint/no-use-before-define': 'off',
-			'antfu/top-level-function': 'off',
 			'curly': 'off',
 			'jsdoc/tag-lines': 'off',
 			'import-extensions/extensions': 'off',

src/App.vue

@@ -74,7 +74,10 @@ const loggingStore = useLogStore()
 
 const entries = computed(() => loggingStore.entries)
 
-const onShowServerLog = () => {
+/**
+ *
+ */
+function onShowServerLog() {
 	settingsStore.localFile = undefined
 	// remove local entries
 	loggingStore.allEntries = []
@@ -85,7 +88,7 @@ const onShowServerLog = () => {
  * Handle paste events with log entries
  * @param event The keyboard event
  */
-const onHandlePaste = (event: ClipboardEvent) => {
+function onHandlePaste(event: ClipboardEvent) {
 	event.preventDefault()
 
 	if (event.clipboardData) {

src/components/LogDetailsModal.vue

@@ -133,7 +133,7 @@ const cssLevelClass = computed(() => [
 /**
  * Copy the raw log entry as json
  */
-const copyRaw = async () => {
+async function copyRaw() {
 	if (await copyToCipboard(JSON.stringify(props.currentEntry))) {
 		showSuccess(t('logreader', 'Log entry successfully copied'))
 	}
@@ -142,7 +142,7 @@ const copyRaw = async () => {
 /**
  * Copy the log entry formatted to be human readable
  */
-const copyFormatted = async () => {
+async function copyFormatted() {
 	if (await copyToCipboard(formatLogEntry(props.currentEntry))) {
 		showSuccess(t('logreader', 'Log entry successfully copied'))
 	}

src/components/LogSearch.vue

@@ -64,7 +64,7 @@ const currentQuery = computed(() => logStore.query)
  * @param param0 The InputEvent
  * @param param0.target The input element
  */
-const onSearchInput = ({ target }: InputEvent) => {
+function onSearchInput({ target }: InputEvent) {
 	logStore.searchLogs((target as HTMLInputElement).value)
 }
 
@@ -73,7 +73,7 @@ const onSearchInput = ({ target }: InputEvent) => {
  *
  * @param event The keydown event
  */
-const keyboardListener = (event: KeyboardEvent) => {
+function keyboardListener(event: KeyboardEvent) {
 	if (event.ctrlKey && event.key === 'f') {
 		isOpen.value = true
 		event.preventDefault()

src/components/settings/SettingsActions.vue

@@ -64,7 +64,7 @@ const fileinput = ref<HTMLInputElement>()
 /**
  * Called when an user selected a local file
  */
-const onFileSelected = async () => {
+async function onFileSelected() {
 	const file = fileinput.value?.files?.item?.(0)
 	if (file) {
 		try {

src/components/settings/SettingsDatetimeFormat.vue

@@ -74,13 +74,18 @@ const isLocalLogfile = computed(() => settingsStore.localFile !== undefined)
  */
 const dateTimeFormat = computed(() => settingsStore.dateTimeFormat)
 
-const setDateTimeFormat = (v: IAppSettings['dateTimeFormat']) =>
-	settingsStore
+/**
+ *
+ * @param v
+ */
+function setDateTimeFormat(v: IAppSettings['dateTimeFormat']) {
+  return settingsStore
 		.setSetting('dateTimeFormat', v)
 		.catch((e) => {
 			logger.debug(e)
 			showError(t('logreader', 'Could not change date time format.'))
 		})
+}
 </script>
 
 <style scoped>

src/components/settings/SettingsSetLogLevel.vue

@@ -36,7 +36,11 @@ const settingsStore = useSettingsStore()
  */
 const logLevel = computed(() => `${settingsStore.logLevel}`)
 
-const setLogLevel = (level: string) => {
+/**
+ *
+ * @param level
+ */
+function setLogLevel(level: string) {
 	const numericLevel = parseInt(level) as IAppSettings['logLevel']
 	settingsStore.setSetting('logLevel', numericLevel)
 		.catch(e => {

src/components/table/LogTable.vue

@@ -110,7 +110,7 @@ const currentRow = ref<ILogEntry>(props.rows[0])
  *
  * @param row The log entry to display
  */
-const showDetailsForRow = (row: ILogEntry) => {
+function showDetailsForRow(row: ILogEntry) {
 	currentRow.value = row
 	isModalOpen.value = true
 }
@@ -124,7 +124,7 @@ const tableBody = ref<HTMLElement>()
 /**
  * Load older log entries and ensure that the view sticks at the previous top element
  */
-const loadMore = async () => {
+async function loadMore() {
 	const sizeBefore = logStore.entries.length
 	await logStore.loadMore()
 	// Ensure that the view sticks at the previous top element

src/components/table/LogTableHeader.vue

@@ -84,7 +84,7 @@ const sortIcon = computed(() => {
 /**
  * Switch through the sort modes
  */
-const changeSortMode = () => {
+function changeSortMode() {
 	switch (props.sorted) {
 	case 'ascending': emit('update:sorted', 'descending'); break
 	case 'descending': emit('update:sorted', ''); break

src/components/table/LogTableRow.vue

@@ -144,7 +144,7 @@ const tableRowElement = ref<HTMLTableRowElement>()
 /**
  * Copy the raw log entry as json
  */
-const copyRaw = async () => {
+async function copyRaw() {
 	if (await copyToCipboard(JSON.stringify(props.row))) {
 		showSuccess(t('logreader', 'Log entry successfully copied'))
 	}
@@ -153,7 +153,7 @@ const copyRaw = async () => {
 /**
  * Copy the log entry formatted to be human readable
  */
-const copyFormatted = async () => {
+async function copyFormatted() {
 	if (await copyToCipboard(formatLogEntry(props.row))) {
 		showSuccess(t('logreader', 'Log entry successfully copied'))
 	}
@@ -163,7 +163,7 @@ const copyFormatted = async () => {
  * If expanded set a fixed height to show the full log message,
  * if not remove the height style to reset the height to one text line with hidden overflow
  */
-const resizeTabeRow = () => {
+function resizeTabeRow() {
 	if (isExpanded.value) {
 		nextTick(() => {
 			const height = tableRowElement.value?.scrollHeight || 0