style: change import aliases

src/components/ThemeLoader.astro

@@ -1,5 +1,5 @@
 <script>
-  import { getLocalTheme, getSystemTheme, changePageTheme } from '@utils/theme'
+  import { getLocalTheme, getSystemTheme, changePageTheme } from '@/utils/theme'
 
   function load() {
     const localTheme = getLocalTheme()

src/components/footer/Footer.astro

@@ -1,7 +1,7 @@
 ---
 import { ThemeSwitch } from './ThemeSwitch'
 import { siteConfig } from '@/config'
-import { getAllPostsWordCount } from '@utils/content'
+import { getAllPostsWordCount } from '@/utils/content'
 import { RunningDays } from './RunningDays'
 import { Link } from './Link'
 

src/components/header/HeaderContent.tsx

@@ -8,7 +8,7 @@ import {
   useShouldHeaderMenuBgShow,
   useShouldHeaderMetaShow,
 } from './hooks'
-import { RootPortal } from '@components/RootPortal'
+import { RootPortal } from '@/components/RootPortal'
 
 export function HeaderContent() {
   return (

src/components/post/PostArchiveInfo.astro

@@ -1,5 +1,5 @@
 ---
-import { slugify } from '@utils/content'
+import { slugify } from '@/utils/content'
 
 interface Props {
   tags: string[]

src/components/post/RelativeDate.tsx

@@ -1,4 +1,4 @@
-import { getRelativeTime, getFormattedDate } from '@utils/date'
+import { getRelativeTime, getFormattedDate } from '@/utils/date'
 import { useEffect, useState } from 'react'
 
 export function RelativeDate({ date }: { date: Date }) {

src/components/provider/ThemeProvider.tsx

@@ -1,6 +1,6 @@
 import { useAtomValue } from 'jotai'
 import { useEffect } from 'react'
-import { getSystemTheme, changePageTheme, setLocalTheme } from '@utils/theme'
+import { getSystemTheme, changePageTheme, setLocalTheme } from '@/utils/theme'
 import { themeAtom } from '@/store/theme'
 
 export function ThemeProvider() {

src/layouts/Layout.astro

@@ -1,10 +1,10 @@
 ---
-import CommonHead from '@components/CommonHead.astro'
-import AccentColorInjector from '@components/AccentColorInjector.astro'
-import ThemeLoader from '@components/ThemeLoader.astro'
+import CommonHead from '@/components/CommonHead.astro'
+import AccentColorInjector from '@/components/AccentColorInjector.astro'
+import ThemeLoader from '@/components/ThemeLoader.astro'
 import { ViewTransitions } from 'astro:transitions'
 import { siteConfig } from '@/config'
-import '@styles/global.css'
+import '@/styles/global.css'
 
 interface Props {
   title?: string

src/layouts/MarkdownLayout.astro

@@ -1,11 +1,11 @@
 ---
 import Layout from './Layout.astro'
-import HeadGadient from '@components/HeadGadient.astro'
-import Footer from '@components/footer/Footer.astro'
-import { Header } from '@components/header/Header'
-import { SearchPanel } from '@components/SearchPanel'
-import { BackToTopFAB } from '@components/BackToTopFAB'
-import { Provider } from '@components/provider/Provider'
+import HeadGadient from '@/components/HeadGadient.astro'
+import Footer from '@/components/footer/Footer.astro'
+import { Header } from '@/components/header/Header'
+import { SearchPanel } from '@/components/SearchPanel'
+import { BackToTopFAB } from '@/components/BackToTopFAB'
+import { Provider } from '@/components/provider/Provider'
 
 interface Props {
   title: string

src/layouts/PageLayout.astro

@@ -1,9 +1,9 @@
 ---
 import Layout from './Layout.astro'
-import { Header } from '@components/header/Header'
-import Footer from '@components/footer/Footer.astro'
-import { SearchPanel } from '@components/SearchPanel'
-import { Provider } from '@components/provider/Provider'
+import { Header } from '@/components/header/Header'
+import Footer from '@/components/footer/Footer.astro'
+import { SearchPanel } from '@/components/SearchPanel'
+import { Provider } from '@/components/provider/Provider'
 
 interface Props {
   title?: string

src/pages/404.astro

@@ -1,6 +1,6 @@
 ---
-import Layout from '@layouts/Layout.astro'
-import { Flashlight } from '@components/Flashlight'
+import Layout from '@/layouts/Layout.astro'
+import { Flashlight } from '@/components/Flashlight'
 ---
 
 <Layout title="404">

src/pages/[...page].astro

@@ -1,13 +1,13 @@
 ---
 import type { GetStaticPaths } from 'astro'
-import PageLayout from '@layouts/PageLayout.astro'
-import PostList from '@components/post/PostList.astro'
-import PostPagination from '@components/post/PostPagination.astro'
-import { getSortedPosts, getHotTags, getAllCategories, getAllTags } from '@utils/content'
+import PageLayout from '@/layouts/PageLayout.astro'
+import PostList from '@/components/post/PostList.astro'
+import PostPagination from '@/components/post/PostPagination.astro'
+import { getSortedPosts, getHotTags, getAllCategories, getAllTags } from '@/utils/content'
 import { siteConfig } from '@/config'
-import SectionBlock from '@components/SectionBlock.astro'
-import TagList from '@components/TagList.astro'
-import CategoryList from '@components/CategoryList.astro'
+import SectionBlock from '@/components/SectionBlock.astro'
+import TagList from '@/components/TagList.astro'
+import CategoryList from '@/components/CategoryList.astro'
 import type { CollectionEntry } from 'astro:content'
 
 export const getStaticPaths = (async () => {

src/pages/about.astro

@@ -1,11 +1,11 @@
 ---
-import MarkdownLayout from '@layouts/MarkdownLayout.astro'
+import MarkdownLayout from '@/layouts/MarkdownLayout.astro'
 import { getEntry } from 'astro:content'
-import Highlight from '@components/Highlight.astro'
-import SectionBlock from '@components/SectionBlock.astro'
-import { PostToc } from '@components/post/PostToc'
-import MarkdownWrapper from '@components/MarkdownWrapper.astro'
-import { ReadingProgress } from '@components/post/ReadingProgress'
+import Highlight from '@/components/Highlight.astro'
+import SectionBlock from '@/components/SectionBlock.astro'
+import { PostToc } from '@/components/post/PostToc'
+import MarkdownWrapper from '@/components/MarkdownWrapper.astro'
+import { ReadingProgress } from '@/components/post/ReadingProgress'
 
 const md = await getEntry('spec', 'about')
 

src/pages/archives.astro

@@ -1,9 +1,9 @@
 ---
-import Timeline from '@components/Timeline.astro'
-import Highlight from '@components/Highlight.astro'
-import PageLayout from '@layouts/PageLayout.astro'
-import { getOldestPosts } from '@utils/content'
-import { TimelineProgress } from '@components/TimelineProgress'
+import Timeline from '@/components/Timeline.astro'
+import Highlight from '@/components/Highlight.astro'
+import PageLayout from '@/layouts/PageLayout.astro'
+import { getOldestPosts } from '@/utils/content'
+import { TimelineProgress } from '@/components/TimelineProgress'
 
 const oldestPosts = await getOldestPosts()
 ---

src/pages/categories/[category].astro

@@ -1,9 +1,9 @@
 ---
 import type { GetStaticPaths } from 'astro'
-import PageLayout from '@layouts/PageLayout.astro'
-import { getAllCategories, getOldestPosts, slugify } from '@utils/content'
-import Highlight from '@components/Highlight.astro'
-import Timeline from '@components/Timeline.astro'
+import PageLayout from '@/layouts/PageLayout.astro'
+import { getAllCategories, getOldestPosts, slugify } from '@/utils/content'
+import Highlight from '@/components/Highlight.astro'
+import Timeline from '@/components/Timeline.astro'
 
 export const getStaticPaths = (async () => {
   const allCategories = await getAllCategories()

src/pages/links.astro

@@ -1,8 +1,8 @@
 ---
-import PageLayout from '@layouts/PageLayout.astro'
+import PageLayout from '@/layouts/PageLayout.astro'
 import { getCollection } from 'astro:content'
-import Highlight from '@components/Highlight.astro'
-import FrinedList from '@components/FrinedList.astro'
+import Highlight from '@/components/Highlight.astro'
+import FrinedList from '@/components/FrinedList.astro'
 
 const friends = await getCollection('friends')
 ---

src/pages/posts/[...slug].astro

@@ -1,16 +1,16 @@
 ---
 import type { CollectionEntry } from 'astro:content'
 import type { GetStaticPaths } from 'astro'
-import MarkdownLayout from '@layouts/MarkdownLayout.astro'
-import { getSortedPosts } from '@utils/content'
-import MarkdownWrapper from '@components/MarkdownWrapper.astro'
-import SectionBlock from '@components/SectionBlock.astro'
-import { PostToc } from '@components/post/PostToc'
-import PostMetaInfo from '@components/post/PostMetaInfo.astro'
-import PostArchiveInfo from '@components/post/PostArchiveInfo.astro'
-import { ReadingProgress } from '@components/post/ReadingProgress'
-import { Outdate } from '@components/post/Outdate'
-import PostNav from '@components/post/PostNav.astro'
+import MarkdownLayout from '@/layouts/MarkdownLayout.astro'
+import { getSortedPosts } from '@/utils/content'
+import MarkdownWrapper from '@/components/MarkdownWrapper.astro'
+import SectionBlock from '@/components/SectionBlock.astro'
+import { PostToc } from '@/components/post/PostToc'
+import PostMetaInfo from '@/components/post/PostMetaInfo.astro'
+import PostArchiveInfo from '@/components/post/PostArchiveInfo.astro'
+import { ReadingProgress } from '@/components/post/ReadingProgress'
+import { Outdate } from '@/components/post/Outdate'
+import PostNav from '@/components/post/PostNav.astro'
 
 export const getStaticPaths = (async () => {
   const sortedPosts = await getSortedPosts()

src/pages/projects.astro

@@ -1,8 +1,8 @@
 ---
-import PageLayout from '@layouts/PageLayout.astro'
+import PageLayout from '@/layouts/PageLayout.astro'
 import { getCollection } from 'astro:content'
-import ProjectList from '@components/ProjectList.astro'
-import Highlight from '@components/Highlight.astro'
+import ProjectList from '@/components/ProjectList.astro'
+import Highlight from '@/components/Highlight.astro'
 
 const projects = await getCollection('projects')
 ---

src/pages/rss.xml.ts

@@ -1,7 +1,7 @@
 import type { APIContext } from 'astro'
 import rss from '@astrojs/rss'
 import { siteConfig } from '@/config'
-import { getSortedPosts } from '@utils/content'
+import { getSortedPosts } from '@/utils/content'
 
 export async function GET(context: APIContext) {
   const sortedPosts = await getSortedPosts()

src/pages/tags/[tag].astro

@@ -1,9 +1,9 @@
 ---
 import type { GetStaticPaths } from 'astro'
-import { getAllTags, getOldestPosts, slugify } from '@utils/content'
-import PageLayout from '@layouts/PageLayout.astro'
-import Timeline from '@components/Timeline.astro'
-import Highlight from '@components/Highlight.astro'
+import { getAllTags, getOldestPosts, slugify } from '@/utils/content'
+import PageLayout from '@/layouts/PageLayout.astro'
+import Timeline from '@/components/Timeline.astro'
+import Highlight from '@/components/Highlight.astro'
 
 export const getStaticPaths = (async () => {
   const allTags = await getAllTags()

src/pages/tags/index.astro

@@ -1,8 +1,8 @@
 ---
-import TagList from '@components/TagList.astro'
-import Highlight from '@components/Highlight.astro'
-import { getAllTags } from '@utils/content'
-import PageLayout from '@layouts/PageLayout.astro'
+import TagList from '@/components/TagList.astro'
+import Highlight from '@/components/Highlight.astro'
+import { getAllTags } from '@/utils/content'
+import PageLayout from '@/layouts/PageLayout.astro'
 
 const allTags = await getAllTags()
 ---

tsconfig.json

@@ -4,10 +4,6 @@
     "strictNullChecks": true,
     "baseUrl": ".",
     "paths": {
-      "@layouts/*": ["src/layouts/*"],
-      "@components/*": ["src/components/*"],
-      "@utils/*": ["src/utils/*"],
-      "@styles/*": ["src/styles/*"],
       "@/*": ["src/*"]
     },
     "jsx": "react-jsx",