fix: disable prettier sort

Signed-off-by: Innei <i@innei.in>

.prettierrc.mjs

@@ -1,6 +1,5 @@
-import config from '@innei/prettier'
+import { factory } from '@innei/prettier'
 
-export default {
-  ...config,
-  importOrderParserPlugins: ['importAssertions', 'typescript', 'jsx'],
-}
+export default factory({
+  importSort: false,
+})

eslint.config.mjs

@@ -8,6 +8,7 @@ export default defineConfig(
     ignores: [],
     preferESM: false,
     react: 'next',
+    tailwindCSS:true
   },
   {
     settings: {

src/app/(app)/friends/page.tsx

@@ -1,20 +1,19 @@
 'use client'
 
+import type { LinkModel } from '@mx-space/api-client'
+import { LinkState, LinkType, RequestError } from '@mx-space/api-client'
 import { useQuery } from '@tanstack/react-query'
-import { memo, useCallback, useRef, useState } from 'react'
 import { m } from 'framer-motion'
 import Markdown from 'markdown-to-jsx'
-import type { LinkModel } from '@mx-space/api-client'
-import type { FormContextType } from '~/components/ui/form'
 import type { FC } from 'react'
-
-import { LinkState, LinkType, RequestError } from '@mx-space/api-client'
+import { memo, useCallback, useRef, useState } from 'react'
 
 import { NotSupport } from '~/components/common/NotSupport'
 import { Avatar } from '~/components/ui/avatar'
 import { StyledButton } from '~/components/ui/button'
 import { Collapse } from '~/components/ui/collapse'
 import { BackToTopFAB } from '~/components/ui/fab'
+import type { FormContextType } from '~/components/ui/form'
 import { Form, FormInput } from '~/components/ui/form'
 import { FullPageLoading } from '~/components/ui/loading'
 import { useModalStack } from '~/components/ui/modal'

src/app/(app)/layout.tsx

@@ -1,10 +1,9 @@
 /* eslint-disable no-console */
-import { ToastContainer } from 'react-toastify'
-import { env, PublicEnvScript } from 'next-runtime-env'
+import { ClerkProvider } from '@clerk/nextjs'
 import type { Metadata, Viewport } from 'next'
+import { env, PublicEnvScript } from 'next-runtime-env'
 import type { PropsWithChildren } from 'react'
-
-import { ClerkProvider } from '@clerk/nextjs'
+import { ToastContainer } from 'react-toastify'
 
 import PKG from '~/../package.json'
 import { Global } from '~/components/common/Global'

src/app/(app)/login/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useState } from 'react'
 import { useRouter } from 'next/navigation'
+import { useState } from 'react'
 
 import { StyledButton } from '~/components/ui/button'
 import { Input } from '~/components/ui/input/Input'

src/app/(app)/notes/[id]/pageExtra.tsx

@@ -1,17 +1,17 @@
 'use client'
 
-import { useEffect } from 'react'
+import type { Image } from '@mx-space/api-client'
 import clsx from 'clsx'
 import dayjs from 'dayjs'
-import type { Image } from '@mx-space/api-client'
-import type { MarkdownToJSX } from '~/components/ui/markdown'
 import type { PropsWithChildren } from 'react'
+import { useEffect } from 'react'
 
 import { MdiClockOutline } from '~/components/icons/clock'
 import { useSetHeaderMetaInfo } from '~/components/layout/header/hooks'
 import { GoToAdminEditingButton } from '~/components/modules/shared/GoToAdminEditingButton'
 import { WithArticleSelectionAction } from '~/components/modules/shared/WithArticleSelectionAction'
 import { FloatPopover } from '~/components/ui/float-popover'
+import type { MarkdownToJSX } from '~/components/ui/markdown'
 import { MainMarkdown } from '~/components/ui/markdown'
 import { parseDate } from '~/lib/datetime'
 import { noopArr } from '~/lib/noop'

src/app/(app)/notes/page.tsx

@@ -1,6 +1,6 @@
+import type { NoteWrappedWithLikedPayload } from '@mx-space/api-client'
 import { cookies } from 'next/headers'
 import { notFound, redirect } from 'next/navigation'
-import type { NoteWrappedWithLikedPayload } from '@mx-space/api-client'
 
 import { getAuthFromCookie } from '~/lib/attach-fetch'
 import { AuthKeyNames } from '~/lib/cookie'

src/app/(app)/notes/redirect.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useLayoutEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import { useLayoutEffect } from 'react'
 
 import { routeBuilder, Routes } from '~/lib/route-builder'
 

src/app/(app)/og/route.tsx

@@ -1,9 +1,4 @@
-import { ImageResponse } from 'next/og'
-import uniqolor from 'uniqolor'
 import type { AggregateRoot } from '@mx-space/api-client'
-import type { ImageResponseOptions, NextRequest } from 'next/server'
-import type { FC } from 'react'
-
 import {
   AggregateController,
   createClient,
@@ -12,6 +7,10 @@ import {
   PostController,
 } from '@mx-space/api-client'
 import { fetchAdaptor } from '@mx-space/api-client/dist/adaptors/fetch'
+import { ImageResponse } from 'next/og'
+import type { ImageResponseOptions, NextRequest } from 'next/server'
+import type { FC } from 'react'
+import uniqolor from 'uniqolor'
 
 import { API_URL } from '~/constants/env'
 

src/app/(app)/posts/(post-detail)/[category]/[slug]/page.tsx

@@ -1,6 +1,5 @@
 import type { ModelWithLiked, PostModel } from '@mx-space/api-client'
 import type { Metadata } from 'next'
-import type { PageParams } from './api'
 
 import { AckRead } from '~/components/common/AckRead'
 import { ClientOnly } from '~/components/common/ClientOnly'
@@ -38,6 +37,7 @@ import {
 } from '~/providers/shared/LayoutRightSideProvider'
 import { WrappedElementProvider } from '~/providers/shared/WrappedElementProvider'
 
+import type { PageParams } from './api'
 import { getData } from './api'
 import {
   HeaderMetaInfoSetting,

src/app/(app)/posts/(post-detail)/[category]/[slug]/pageExtra.tsx

@@ -1,9 +1,9 @@
 'use client'
 
-import { useEffect, useRef } from 'react'
-import { useRouter } from 'next/navigation'
 import type { Image } from '@mx-space/api-client'
+import { useRouter } from 'next/navigation'
 import type { PropsWithChildren } from 'react'
+import { useEffect, useRef } from 'react'
 
 import { useSetHeaderMetaInfo } from '~/components/layout/header/hooks'
 import { PostMetaBar } from '~/components/modules/post/PostMetaBar'

src/app/(app)/preview/page.tsx

@@ -1,16 +1,15 @@
 'use client'
 
-import { useMemo } from 'react'
-import { useIsomorphicLayoutEffect } from 'foxact/use-isomorphic-layout-effect'
-import { atom, useAtomValue } from 'jotai'
 import type {
   NoteModel,
   NoteWrappedPayload,
   PageModel,
   PostModel,
 } from '@mx-space/api-client'
-
 import { simpleCamelcaseKeys } from '@mx-space/api-client'
+import { useIsomorphicLayoutEffect } from 'foxact/use-isomorphic-layout-effect'
+import { atom, useAtomValue } from 'jotai'
+import { useMemo } from 'react'
 
 import { ErrorBoundary } from '~/components/common/ErrorBoundary'
 import { Paper } from '~/components/layout/container/Paper'

src/app/(app)/projects/[id]/page.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { useQuery } from '@tanstack/react-query'
-import { useEffect } from 'react'
 import { useParams, useRouter } from 'next/navigation'
+import { useEffect } from 'react'
 
 import { NotFound404 } from '~/components/common/404'
 import { Loading } from '~/components/ui/loading'

src/app/(app)/sign-in/[[...sign-in]]/page.tsx

@@ -1,6 +1,5 @@
-import React from 'react'
-
 import { SignIn } from '@clerk/nextjs'
+import React from 'react'
 
 export default function Page() {
   return <SignIn />

src/app/(app)/sign-up/[[...sign-up]]/page.tsx

@@ -1,6 +1,5 @@
-import React from 'react'
-
 import { SignUp } from '@clerk/nextjs'
+import React from 'react'
 
 export default function Page() {
   return <SignUp />

src/app/(app)/thinking/page.tsx

@@ -1,22 +1,21 @@
 'use client'
 
+import type { RecentlyModel } from '@mx-space/api-client'
+import {
+  RecentlyAttitudeEnum,
+  RecentlyAttitudeResultEnum,
+} from '@mx-space/api-client'
+import type { InfiniteData } from '@tanstack/react-query'
 import {
   useInfiniteQuery,
   useMutation,
   useQueryClient,
 } from '@tanstack/react-query'
-import { useEffect, useMemo, useState } from 'react'
 import clsx from 'clsx'
 import { stagger, useAnimate } from 'framer-motion'
 import { produce } from 'immer'
-import type { RecentlyModel } from '@mx-space/api-client'
-import type { InfiniteData } from '@tanstack/react-query'
 import type { FC } from 'react'
-
-import {
-  RecentlyAttitudeEnum,
-  RecentlyAttitudeResultEnum,
-} from '@mx-space/api-client'
+import { useEffect, useMemo, useState } from 'react'
 
 import { useIsLogged } from '~/atoms/hooks'
 import { TiltedSendIcon } from '~/components/icons/TiltedSendIcon'

src/app/(app)/timeline/layout.tsx

@@ -1,8 +1,7 @@
+import { TimelineType } from '@mx-space/api-client'
 import { dehydrate } from '@tanstack/react-query'
 import type { PropsWithChildren } from 'react'
 
-import { TimelineType } from '@mx-space/api-client'
-
 import { QueryHydrate } from '~/components/common/QueryHydrate'
 import { SearchFAB } from '~/components/modules/shared/SearchFAB'
 import { getQueryClient } from '~/lib/query-client.server'

src/app/(app)/timeline/page.tsx

@@ -1,13 +1,12 @@
 'use client'
 
+import type { TimelineData } from '@mx-space/api-client'
+import { TimelineType } from '@mx-space/api-client'
 import { useQuery } from '@tanstack/react-query'
-import { memo, useEffect } from 'react'
 import clsx from 'clsx'
 import { m } from 'framer-motion'
 import { useRouter, useSearchParams } from 'next/navigation'
-import type { TimelineData } from '@mx-space/api-client'
-
-import { TimelineType } from '@mx-space/api-client'
+import { memo, useEffect } from 'react'
 
 import { SolidBookmark } from '~/components/icons/bookmark'
 import { NormalContainer } from '~/components/layout/container/Normal'

src/app/(dashboard)/dashboard/comments/page.tsx

@@ -1,12 +1,11 @@
 'use client'
 
+import type { NoteModel, PostModel } from '@mx-space/api-client'
+import { CommentState } from '@mx-space/api-client'
 import { useInfiniteQuery } from '@tanstack/react-query'
-import { createElement, useEffect, useMemo } from 'react'
 import clsx from 'clsx'
-import type { NoteModel, PostModel } from '@mx-space/api-client'
 import type { FC } from 'react'
-
-import { CommentState } from '@mx-space/api-client'
+import { createElement, useEffect, useMemo } from 'react'
 
 import { useIsMobile } from '~/atoms/hooks'
 import {

src/app/(dashboard)/dashboard/notes/edit/page.tsx

@@ -1,13 +1,12 @@
 'use client'
 
 import { useQuery } from '@tanstack/react-query'
-import { useEffect, useMemo, useState } from 'react'
 import dayjs from 'dayjs'
 import { produce } from 'immer'
 import { atom, useStore } from 'jotai'
 import { useRouter, useSearchParams } from 'next/navigation'
-import type { NoteDto } from '~/models/writing'
 import type { FC } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import { useIsMobile } from '~/atoms/hooks'
 import { PageLoading } from '~/components/layout/dashboard/PageLoading'
@@ -36,6 +35,7 @@ import { useEventCallback } from '~/hooks/common/use-event-callback'
 import { dayOfYear } from '~/lib/datetime'
 import { cloneDeep } from '~/lib/lodash'
 import { toast } from '~/lib/toast'
+import type { NoteDto } from '~/models/writing'
 import { adminQueries } from '~/queries/definition'
 import { useCreateNote, useUpdateNote } from '~/queries/definition/note'
 

src/app/(dashboard)/dashboard/notes/list/page.tsx

@@ -1,15 +1,15 @@
 'use client'
 
+import type { NoteModel } from '@mx-space/api-client'
 import { useInfiniteQuery } from '@tanstack/react-query'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import RemoveMarkdown from 'remove-markdown'
-import type { NoteModel } from '@mx-space/api-client'
-import type { CardProps } from '~/components/modules/dashboard/writing/CardMasonry'
 
 import { MdiClockOutline } from '~/components/icons/clock'
 import { PageLoading } from '~/components/layout/dashboard/PageLoading'
 import { OffsetHeaderLayout } from '~/components/modules/dashboard/layouts'
+import type { CardProps } from '~/components/modules/dashboard/writing/CardMasonry'
 import {
   Card,
   CardMasonry,

src/app/(dashboard)/dashboard/notes/topics/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useLayoutEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import { useLayoutEffect } from 'react'
 
 import { useResolveAdminUrl } from '~/atoms/hooks'
 

src/app/(dashboard)/dashboard/pages/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useLayoutEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import { useLayoutEffect } from 'react'
 
 import { useResolveAdminUrl } from '~/atoms/hooks'
 

src/app/(dashboard)/dashboard/posts/category/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useLayoutEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import { useLayoutEffect } from 'react'
 
 import { useResolveAdminUrl } from '~/atoms/hooks'
 

src/app/(dashboard)/dashboard/posts/edit/page.tsx

@@ -1,13 +1,12 @@
 'use client'
 
 import { useQuery } from '@tanstack/react-query'
-import { useEffect, useMemo, useState } from 'react'
 import dayjs from 'dayjs'
 import { produce } from 'immer'
 import { atom, useStore } from 'jotai'
 import { useRouter, useSearchParams } from 'next/navigation'
-import type { PostDto } from '~/models/writing'
 import type { FC } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import { useIsMobile } from '~/atoms/hooks'
 import { PageLoading } from '~/components/layout/dashboard/PageLoading'
@@ -35,6 +34,7 @@ import { useRefetchData } from '~/hooks/biz/use-refetch-data'
 import { useEventCallback } from '~/hooks/common/use-event-callback'
 import { cloneDeep } from '~/lib/lodash'
 import { toast } from '~/lib/toast'
+import type { PostDto } from '~/models/writing'
 import { adminQueries } from '~/queries/definition'
 import { useCreatePost, useUpdatePost } from '~/queries/definition/post'
 

src/app/(dashboard)/dashboard/posts/list/page.tsx

@@ -1,16 +1,16 @@
 'use client'
 
+import type { PostModel } from '@mx-space/api-client'
 import { useInfiniteQuery } from '@tanstack/react-query'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import RemoveMarkdown from 'remove-markdown'
-import type { PostModel } from '@mx-space/api-client'
-import type { CardProps } from '~/components/modules/dashboard/writing/CardMasonry'
 
 import { MdiClockOutline } from '~/components/icons/clock'
 import { FeHash } from '~/components/icons/fa-hash'
 import { PageLoading } from '~/components/layout/dashboard/PageLoading'
 import { OffsetHeaderLayout } from '~/components/modules/dashboard/layouts'
+import type { CardProps } from '~/components/modules/dashboard/writing/CardMasonry'
 import {
   Card,
   CardMasonry,

src/app/(dashboard)/dashboard/vue/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useLayoutEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import { useLayoutEffect } from 'react'
 
 import { fetchAppUrl } from '~/atoms'
 import { useResolveAdminUrl } from '~/atoms/hooks'