style: update eslint rules

.eslintrc.js

@@ -6,27 +6,5 @@ module.exports = {
     sourceType: 'module',
     extraFileExtensions: ['.vue'],
   },
-  extends: [
-    '@mutoe/eslint-config-preset-vue',
-  ],
-  rules: {
-    '@typescript-eslint/explicit-function-return-type': 'off',
-  },
-  overrides: [
-    {
-      files: ['src/composable/*.ts', 'src/**/use*.ts'],
-      rules: {
-        '@typescript-eslint/explicit-module-boundary-types': 'off',
-      },
-    },
-    {
-      files: [
-        'src/**/*.{cy,spec}.{js,ts,jsx,tsx}',
-      ],
-      extends: [
-        'plugin:cypress/recommended',
-        'plugin:chai-friendly/recommended',
-      ],
-    },
-  ],
+  extends: '@mutoe/eslint-config-preset-vue',
 }

package.json

@@ -26,7 +26,7 @@
     "vue-router": "^4.2.4"
   },
   "devDependencies": {
-    "@mutoe/eslint-config-preset-vue": "~2.1.2",
+    "@mutoe/eslint-config-preset-vue": "~3.5.3",
     "@pinia/testing": "^0.1.3",
     "@testing-library/cypress": "^9.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -35,8 +35,7 @@
     "@vitest/coverage-v8": "^0.34.3",
     "concurrently": "^7.6.0",
     "cypress": "^13.1.0",
-    "eslint": "^8.31.0",
-    "eslint-plugin-chai-friendly": "^0.7.2",
+    "eslint": "^8.48.0",
     "eslint-plugin-cypress": "^2.14.0",
     "happy-dom": "^11.0.2",
     "husky": "^8.0.2",
@@ -50,11 +49,6 @@
     "vitest-dom": "^0.1.0",
     "vue-tsc": "^1.8.8"
   },
-  "overrides": {
-    "@testing-library/cypress": {
-      "cypress": "^13"
-    }
-  },
   "lint-staged": {
     "src/**/*.{ts,vue,js}": "eslint --fix",
     "cypress/**/*.{ts,js}": "eslint --fix"

src/components/AppFooter.spec.ts

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/vue'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { renderOptions } from 'src/utils/test/test.utils'
 import AppFooter from './AppFooter.vue'
 

src/components/AppLink.spec.ts

@@ -1,5 +1,5 @@
 import { fireEvent, render, waitFor } from '@testing-library/vue'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { renderOptions } from 'src/utils/test/test.utils.ts'
 import AppLink from './AppLink.vue'
 

src/components/AppLink.vue

@@ -8,8 +8,8 @@
 </template>
 
 <script setup lang="ts">
-import type { AppRouteNames } from 'src/router'
 import type { RouteParams } from 'vue-router'
+import type { AppRouteNames } from 'src/router'
 
 export interface AppLinkProps {
   name: AppRouteNames

src/components/AppNavigation.spec.ts

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/vue'
-import { expect, describe, it } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { renderOptions } from 'src/utils/test/test.utils.ts'
 import AppNavigation from './AppNavigation.vue'
 

src/components/AppNavigation.vue

@@ -34,11 +34,11 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+import type { RouteParams } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import type { AppRouteNames } from 'src/router'
 import { useUserStore } from 'src/store/user'
-import { computed } from 'vue'
-import type { RouteParams } from 'vue-router'
 
 interface NavLink {
   name: AppRouteNames

src/components/AppPagination.spec.ts

@@ -1,6 +1,6 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import { renderOptions } from 'src/utils/test/test.utils.ts'
-import { describe, it, vi, expect } from 'vitest'
 import AppPagination from './AppPagination.vue'
 
 describe('# AppPagination', () => {

src/components/AppPagination.vue

@@ -16,8 +16,8 @@
 </template>
 
 <script setup lang="ts">
-import { limit } from 'src/services'
 import { computed, toRefs } from 'vue'
+import { limit } from 'src/services'
 
 interface Props {
   page: number

src/components/ArticleDetail.spec.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import fixtures from 'src/utils/test/fixtures'
 import { asyncWrapper, renderOptions, setupMockServer } from 'src/utils/test/test.utils'
-import { describe, expect, it } from 'vitest'
 import ArticleDetail from './ArticleDetail.vue'
 
 describe('# ArticleDetail', () => {

src/components/ArticleDetail.vue

@@ -14,13 +14,10 @@
   <div class="container page">
     <div class="row article-content">
       <!-- eslint-disable vue/no-v-html -->
-      <div
-        class="col-md-12"
-        v-html="articleHandledBody"
-      />
+      <div class="col-md-12" v-html="articleHandledBody" />
       <!-- eslint-enable vue/no-v-html -->
 
-      <!--      TODO: abstract tag list component-->
+      <!-- TODO: abstract tag list component -->
       <ul class="tag-list">
         <li
           v-for="tag in article.tagList"
@@ -45,11 +42,11 @@
 </template>
 
 <script setup lang="ts">
+import { computed, reactive } from 'vue'
+import { useRoute } from 'vue-router'
 import marked from 'src/plugins/marked'
 import { api } from 'src/services'
 import type { Article } from 'src/services/api'
-import { computed, reactive } from 'vue'
-import { useRoute } from 'vue-router'
 import ArticleDetailMeta from './ArticleDetailMeta.vue'
 
 const route = useRoute()

src/components/ArticleDetailComment.spec.ts

@@ -1,7 +1,7 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import fixtures from 'src/utils/test/fixtures'
 import { renderOptions } from 'src/utils/test/test.utils.ts'
-import { vi, describe, it, expect } from 'vitest'
 import ArticleDetailComment from './ArticleDetailComment.vue'
 
 describe('# ArticleDetailComment', () => {

src/components/ArticleDetailComments.spec.ts

@@ -1,7 +1,7 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import fixtures from 'src/utils/test/fixtures'
 import { asyncWrapper, renderOptions, setupMockServer } from 'src/utils/test/test.utils'
-import { describe, expect, it } from 'vitest'
 import ArticleDetailComments from './ArticleDetailComments.vue'
 
 describe('# ArticleDetailComments', () => {

src/components/ArticleDetailComments.vue

@@ -14,12 +14,12 @@
 </template>
 
 <script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import { api } from 'src/services'
 import type { Comment } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { computed, ref } from 'vue'
-import { useRoute } from 'vue-router'
 import ArticleDetailComment from './ArticleDetailComment.vue'
 import ArticleDetailCommentsForm from './ArticleDetailCommentsForm.vue'
 

src/components/ArticleDetailCommentsForm.spec.ts

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import ArticleDetailCommentsForm from 'src/components/ArticleDetailCommentsForm.vue'
 import fixtures from 'src/utils/test/fixtures'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it } from 'vitest'
 
 describe('# ArticleDetailCommentsForm', () => {
   const server = setupMockServer(

src/components/ArticleDetailCommentsForm.vue

@@ -39,12 +39,12 @@
 </template>
 
 <script setup lang="ts">
+import { computed, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useProfile } from 'src/composable/useProfile'
 import { api } from 'src/services'
-import { useUserStore } from 'src/store/user'
-import { computed, ref } from 'vue'
 import type { Comment } from 'src/services/api'
+import { useUserStore } from 'src/store/user'
 
 interface Props {
   articleSlug: string

src/components/ArticleDetailMeta.spec.ts

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import type { Profile } from 'src/services/api'
 import fixtures from 'src/utils/test/fixtures'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it, vi } from 'vitest'
 import ArticleDetailMeta from './ArticleDetailMeta.vue'
 
 const editButton = 'Edit article'

src/components/ArticleDetailMeta.vue

@@ -64,6 +64,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed, toRefs } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useFavoriteArticle } from 'src/composable/useFavoriteArticle'
 import { useFollow } from 'src/composable/useFollowProfile'
@@ -71,7 +72,6 @@ import { routerPush } from 'src/router'
 import { api } from 'src/services'
 import type { Article, Profile } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { computed, toRefs } from 'vue'
 
 interface Props {
   article: Article

src/components/ArticlesList.spec.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import fixtures from 'src/utils/test/fixtures'
 import { asyncWrapper, renderOptions, setupMockServer } from 'src/utils/test/test.utils'
-import { describe, it, expect } from 'vitest'
 import ArticlesList from './ArticlesList.vue'
 
 describe('# ArticlesList', () => {

src/components/ArticlesListArticlePreview.spec.ts

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, it } from 'vitest'
 import ArticlesListArticlePreview from 'src/components/ArticlesListArticlePreview.vue'
 import fixtures from 'src/utils/test/fixtures'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, it } from 'vitest'
 
 const favoriteButton = 'Favorite article'
 

src/components/ArticlesListArticlePreview.vue

@@ -51,9 +51,9 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import { useFavoriteArticle } from 'src/composable/useFavoriteArticle'
 import type { Article } from 'src/services/api'
-import { computed } from 'vue'
 
 interface Props {
   article: Article

src/components/ArticlesListNavigation.spec.ts

@@ -1,8 +1,8 @@
 import { render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import ArticlesListNavigation from 'src/components/ArticlesListNavigation.vue'
 import fixtures from 'src/utils/test/fixtures'
 import { renderOptions } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it } from 'vitest'
 
 describe('# ArticlesListNavigation', () => {
   it('should render global feed item when passed global feed prop', () => {

src/components/ArticlesListNavigation.vue

@@ -23,11 +23,11 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+import type { RouteParams } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import type { ArticlesType } from 'src/composable/useArticles'
 import type { AppRouteNames } from 'src/router'
-import { computed } from 'vue'
-import type { RouteParams } from 'vue-router'
 import { useUserStore } from '../store/user'
 
 interface ArticlesListNavLink {

src/components/PopularTags.spec.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import PopularTags from 'src/components/PopularTags.vue'
 import { asyncWrapper, renderOptions, setupMockServer } from 'src/utils/test/test.utils'
-import { describe, expect, it } from 'vitest'
 
 describe('# PopularTags', () => {
   const server = setupMockServer(

src/composable/useArticles.ts

@@ -1,10 +1,10 @@
-import type { AppRouteNames } from 'src/router'
-import { pageToOffset, api } from 'src/services'
-import type { Article } from 'src/services/api'
-import useAsync from 'src/utils/use-async'
 import type { ComputedRef } from 'vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import type { AppRouteNames } from 'src/router'
+import { api, pageToOffset } from 'src/services'
+import type { Article } from 'src/services/api'
+import useAsync from 'src/utils/use-async'
 
 export function useArticles () {
   const { articlesType, tag, username, metaChanged } = useArticlesMeta()
@@ -34,13 +34,14 @@ export function useArticles () {
         .then(res => res.data)
     }
 
-    if (responsePromise !== null) {
+    if (responsePromise === null) {
+      console.error(`Articles type "${articlesType.value}" not supported`)
+      return
+    }
+
     const response = await responsePromise
     articles.value = response.articles
     articlesCount.value = response.articlesCount
-    } else {
-      console.error(`Articles type "${articlesType.value}" not supported`)
-    }
   }
 
   const changePage = (value: number): void => {
@@ -54,8 +55,11 @@ export function useArticles () {
   const { active: articlesDownloading, run: runWrappedFetchArticles } = useAsync(fetchArticles)
 
   watch(metaChanged, async () => {
-    if (page.value !== 1) changePage(1)
-    else await runWrappedFetchArticles()
+    if (page.value === 1) {
+      await runWrappedFetchArticles()
+    } else {
+      changePage(1)
+    }
   })
 
   watch(page, runWrappedFetchArticles)
@@ -76,7 +80,7 @@ export function useArticles () {
 export type ArticlesType = 'global-feed' | 'my-feed' | 'tag-feed' | 'user-feed' | 'user-favorites-feed'
 
 export const articlesTypes: ArticlesType[] = ['global-feed', 'my-feed', 'tag-feed', 'user-feed', 'user-favorites-feed']
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+
 export const isArticlesType = (type: any): type is ArticlesType => articlesTypes.includes(type)
 
 const routeNameToArticlesType: Partial<Record<AppRouteNames, ArticlesType>> = {

src/composable/useFavoriteArticle.ts

@@ -1,7 +1,7 @@
+import type { ComputedRef } from 'vue'
 import { api } from 'src/services'
 import type { Article } from 'src/services/api'
 import useAsync from 'src/utils/use-async'
-import type { ComputedRef } from 'vue'
 
 interface useFavoriteArticleProps {
   isFavorited: ComputedRef<boolean>

src/composable/useFollowProfile.ts

@@ -1,7 +1,7 @@
+import type { ComputedRef } from 'vue'
 import { api } from 'src/services'
 import type { Profile } from 'src/services/api'
 import useAsync from 'src/utils/use-async'
-import type { ComputedRef } from 'vue'
 
 interface UseFollowProps {
   username: ComputedRef<string>

src/composable/useProfile.ts

@@ -1,7 +1,7 @@
-import { api } from 'src/services'
-import type { Profile } from 'src/services/api'
 import type { ComputedRef } from 'vue'
 import { ref, watch } from 'vue'
+import { api } from 'src/services'
+import type { Profile } from 'src/services/api'
 
 interface UseProfileProps {
   username: ComputedRef<string>

src/composable/useTags.ts

@@ -1,5 +1,5 @@
-import { api } from 'src/services'
 import { ref } from 'vue'
+import { api } from 'src/services'
 
 export function useTags () {
   const tags = ref<string[]>([])

src/config.ts

@@ -1,4 +1,3 @@
 export const CONFIG = {
-  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   API_HOST: import.meta.env.VITE_API_HOST || '',
 }

src/main.ts

@@ -1,12 +1,9 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-
 import App from './App.vue'
-
-import { router } from './router'
-
 import registerGlobalComponents from './plugins/global-components'
 import setAuthorizationToken from './plugins/set-authorization-token'
+import { router } from './router'
 
 const app = createApp(App)
 

src/pages/Article.spec.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue'
+import { describe, expect, it } from 'vitest'
 import fixtures from 'src/utils/test/fixtures.ts'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils'
-import { describe, expect, it } from 'vitest'
 import Article from './Article.vue'
 
 describe('# Article', () => {

src/pages/EditArticle.spec.ts

@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event'
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import { router } from 'src/router.ts'
 import fixtures from 'src/utils/test/fixtures.ts'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it, vi } from 'vitest'
 import EditArticle from './EditArticle.vue'
 
 describe('# EditArticle page', () => {

src/pages/EditArticle.vue

@@ -68,10 +68,10 @@
 </template>
 
 <script setup lang="ts">
-import { api } from 'src/services'
-import type { Article } from 'src/services/api'
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { api } from 'src/services'
+import type { Article } from 'src/services/api'
 
 interface FormState {
   title: string

src/pages/Login.spec.ts

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import { useUserStore } from 'src/store/user.ts'
 import fixtures from 'src/utils/test/fixtures.ts'
 import { createTestRouter, renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it, vi } from 'vitest'
 import Login from './Login.vue'
 
 describe('# Login page', () => {

src/pages/Login.vue

@@ -62,11 +62,11 @@
 </template>
 
 <script setup lang="ts">
+import { reactive, ref } from 'vue'
 import { routerPush } from 'src/router'
 import { api, isFetchError } from 'src/services'
 import type { LoginUser } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { reactive, ref } from 'vue'
 
 const formRef = ref<HTMLFormElement | null>(null)
 const form: LoginUser = reactive({
@@ -87,12 +87,12 @@ const login = async () => {
     const result = await api.users.login({ user: form })
     updateUser(result.data.user)
     await routerPush('global-feed')
-  } catch (e) {
-    if (isFetchError(e)) {
-      errors.value = e.error?.errors
+  } catch (error) {
+    if (isFetchError(error)) {
+      errors.value = error.error?.errors
       return
     }
-    console.error(e)
+    console.error(error)
   }
 }
 

src/pages/Profile.spec.ts

@@ -1,9 +1,9 @@
 import { fireEvent, render } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import Profile from 'src/pages/Profile.vue'
 import { router } from 'src/router.ts'
 import fixtures from 'src/utils/test/fixtures.ts'
 import { asyncWrapper, createTestRouter, flushPromises, renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, it, expect, vi } from 'vitest'
 
 describe('# Profile page', () => {
   const server = setupMockServer(

src/pages/Profile.vue

@@ -67,14 +67,14 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import ArticlesList from 'src/components/ArticlesList.vue'
 import { useFollow } from 'src/composable/useFollowProfile'
 import { useProfile } from 'src/composable/useProfile'
 import type { Profile } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
 
 const route = useRoute()
 const username = computed<string>(() => route.params.username as string)

src/pages/Register.spec.ts

@@ -1,6 +1,6 @@
 import { fireEvent, render } from '@testing-library/vue'
-import { createTestRouter, renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
 import { describe, expect, it, vi } from 'vitest'
+import { createTestRouter, renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
 import Register from './Register.vue'
 
 describe('# Register form', () => {

src/pages/Register.vue

@@ -69,11 +69,11 @@
 </template>
 
 <script setup lang="ts">
+import { reactive, ref } from 'vue'
 import { routerPush } from 'src/router'
 import { api, isFetchError } from 'src/services'
 import type { NewUser } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { reactive, ref } from 'vue'
 
 const formRef = ref<HTMLFormElement | null>(null)
 const form: NewUser = reactive({
@@ -95,9 +95,9 @@ const register = async () => {
     const result = await api.users.createUser({ user: form })
     updateUser(result.data.user)
     await routerPush('global-feed')
-  } catch (e) {
-    if (isFetchError(e)) {
-      errors.value = e.error?.errors
+  } catch (error) {
+    if (isFetchError(error)) {
+      errors.value = error.error?.errors
     }
   }
 }

src/pages/Settings.spec.ts

@@ -1,9 +1,9 @@
 import { fireEvent, render, waitFor } from '@testing-library/vue'
+import { describe, expect, it, vi } from 'vitest'
 import { router } from 'src/router.ts'
 import { useUserStore } from 'src/store/user.ts'
 import fixtures from 'src/utils/test/fixtures.ts'
 import { renderOptions, setupMockServer } from 'src/utils/test/test.utils.ts'
-import { describe, expect, it, vi } from 'vitest'
 import Settings from './Settings.vue'
 
 describe('# Settings Page', () => {

src/pages/Settings.vue

@@ -75,18 +75,19 @@
 </template>
 
 <script setup lang="ts">
+import { computed, onMounted, reactive } from 'vue'
 import { routerPush } from 'src/router'
 import { api } from 'src/services'
 import type { UpdateUser } from 'src/services/api'
 import { useUserStore } from 'src/store/user'
-import { computed, onMounted, reactive } from 'vue'
 
 const form: UpdateUser = reactive({})
 
 const userStore = useUserStore()
 
 const onSubmit = async () => {
-  const filteredForm = Object.entries(form).reduce((a, [k, v]) => v === null ? a : { ...a, [k]: v }, {})
+  // eslint-disable-next-line unicorn/no-array-reduce
+  const filteredForm = Object.entries(form).reduce((form, [k, v]) => v === null ? form : Object.assign(form, { [k]: v }), {})
   const userData = await api.user.updateCurrentUser({ user: filteredForm }).then(res => res.data.user)
   userStore.updateUser(userData)
   await routerPush('profile', { username: userData.username })
@@ -107,11 +108,11 @@ onMounted(async () => {
 })
 
 const isButtonDisabled = computed(() =>
-  form.image === userStore.user?.image &&
-  form.username === userStore.user?.username &&
-  form.bio === userStore.user?.bio &&
-  form.email === userStore.user?.email &&
-  !form.password,
+  form.image === userStore.user?.image
+  && form.username === userStore.user?.username
+  && form.bio === userStore.user?.bio
+  && form.email === userStore.user?.email
+  && !form.password,
 )
 
 </script>

src/plugins/global-components.ts

@@ -1,5 +1,5 @@
-import AppLink from 'src/components/AppLink.vue'
 import type { App } from 'vue'
+import AppLink from 'src/components/AppLink.vue'
 
 export default function registerGlobalComponents (app: App): void {
   app.component('AppLink', AppLink)

src/plugins/marked.ts

@@ -1,5 +1,6 @@
-import { marked } from 'marked'
+/* eslint-disable array-element-newline */
 import insane from 'insane'
+import { marked } from 'marked'
 
 export default (markdown?: string): string => {
   if (!markdown) return ''
@@ -7,9 +8,9 @@ export default (markdown?: string): string => {
 
   return insane(html, {
     allowedTags: ['a', 'article', 'b', 'blockquote', 'br', 'caption', 'code', 'del', 'details', 'div', 'em',
-      'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'img', 'ins', 'kbd', 'li', 'main', 'ol',
-      'p', 'pre', 'section', 'span', 'strike', 'strong', 'sub', 'summary', 'sup', 'table',
-      'tbody', 'td', 'th', 'thead', 'tr', 'u', 'ul', 'input'],
+      'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'img', 'input', 'ins', 'kbd', 'li', 'main',
+      'ol', 'p', 'pre', 'section', 'span', 'strike', 'strong', 'sub', 'summary', 'sup',
+      'table', 'tbody', 'td', 'th', 'thead', 'tr', 'u', 'ul'],
     allowedAttributes: {
       a: ['href', 'name', 'target', 'title'],
       iframe: ['allowfullscreen', 'frameborder', 'src'],

src/router.ts

@@ -1,5 +1,5 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteParams, RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import Home from './pages/Home.vue'
 import { isAuthorized } from './store/user'
 
@@ -81,7 +81,7 @@ export const router = createRouter({
 })
 
 export function routerPush (name: AppRouteNames, params?: RouteParams): ReturnType<typeof router.push> {
-  return params !== undefined
-    ? router.push({ name, params })
-    : router.push({ name })
+  return params === undefined
+    ? router.push({ name })
+    : router.push({ name, params })
 }

src/store/user.ts

@@ -1,8 +1,8 @@
+import { computed, ref } from 'vue'
 import { defineStore } from 'pinia'
 import { api } from 'src/services'
 import type { User } from 'src/services/api'
 import Storage from 'src/utils/storage'
-import { computed, ref } from 'vue'
 
 export const userStorage = new Storage<User>('user')
 

src/utils/filters.spec.ts

@@ -1,5 +1,5 @@
+import { describe, expect, it } from 'vitest'
 import { dateFilter } from 'src/utils/filters'
-import { expect, describe, it } from 'vitest'
 
 describe('# Date filters', () => {
   it('should format date correctly', () => {

src/utils/params-to-query.spec.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import params2query from './params-to-query'
 
 describe('# params2query', () => {

src/utils/storage.spec.ts

@@ -1,4 +1,4 @@
-import { describe, it, beforeAll, expect } from 'vitest'
+import { beforeAll, describe, expect, it } from 'vitest'
 import Storage from './storage'
 
 describe('# Storage', () => {

src/utils/test/fixtures.ts

@@ -1,4 +1,4 @@
-import type { Comment, Article, Profile, User } from 'src/services/api'
+import type { Article, Comment, Profile, User } from 'src/services/api'
 
 const author: Profile = {
   username: 'mutoe',

src/utils/test/test.utils.ts

@@ -1,16 +1,15 @@
-/* eslint-disable unicorn/no-nested-ternary */
-import type { MockedRequest, DefaultBodyType } from 'msw'
+import { Suspense, defineComponent, h } from 'vue'
+import type { RouteLocationRaw, Router } from 'vue-router'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import { createTestingPinia } from '@pinia/testing'
+import type { RenderOptions } from '@testing-library/vue'
+import type { DefaultBodyType, MockedRequest } from 'msw'
 import { matchRequestUrl, rest } from 'msw'
 import type { SetupServer } from 'msw/node'
 import { setupServer } from 'msw/node'
-import { routes } from 'src/router'
 import { afterAll, afterEach, beforeAll } from 'vitest'
-import { defineComponent, h, Suspense } from 'vue'
-import type { RouteLocationRaw, Router } from 'vue-router'
-import { createMemoryHistory, createRouter } from 'vue-router'
-import type { RenderOptions } from '@testing-library/vue'
-import { createTestingPinia } from '@pinia/testing'
 import AppLink from 'src/components/AppLink.vue'
+import { routes } from 'src/router'
 
 export const createTestRouter = (base?: string): Router => createRouter({
   routes,
@@ -140,7 +139,7 @@ type Listener =
  *   await server.waitForRequest('GET', '/api/articles/markdown')
  * })
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+
 export function setupMockServer (...listeners: Listener[]) {
   const parseArgs = (args: Listener): [string, string, number, (object | null)] => {
     if (args.length === 4) return args

src/utils/use-async.spec.ts

@@ -1,6 +1,6 @@
 import { isRef } from 'vue'
+import { describe, expect, it, vi } from 'vitest'
 import useAsync from 'src/utils/use-async'
-import { vi, expect, it, describe } from 'vitest'
 
 describe('# Create async process', () => {
   const someProcess = (): Promise<null> => Promise.resolve(null)

src/utils/use-async.ts

@@ -1,7 +1,7 @@
-import { routerPush } from 'src/router'
-import { isFetchError } from 'src/services'
 import type { Ref } from 'vue'
 import { ref } from 'vue'
+import { routerPush } from 'src/router'
+import { isFetchError } from 'src/services'
 
 interface UseAsync<T extends (...args: unknown[]) => unknown> {
   active: Ref<boolean>