chore

src/components/atoms/icon/AddSectionIcon/index.tsx

@@ -1,6 +1,6 @@
 import type { DispatchWithoutAction, FC } from "react";
 import { PlusSquare } from "lucide-react";
-import { Button } from "~/components/ui/button.tsx";
+import { Button } from "@/components/ui/button.tsx";
 
 type Props = {
 	handleAddSection: DispatchWithoutAction;

src/components/atoms/icon/ApplyTemplateIcon/index.tsx

@@ -1,7 +1,7 @@
 import type { DispatchWithoutAction } from "react";
 import { FileUp } from "lucide-react";
 import { Spacer } from "../../Spacer";
-import { IncludeIconButton } from "~/styles/IncludeIconButton";
+import { IncludeIconButton } from "@/styles/IncludeIconButton";
 type Props = {
 	handleApply: DispatchWithoutAction;
 };

src/components/atoms/icon/BottomAddSectionIcon/index.tsx

@@ -1,7 +1,7 @@
 import { PlusCircle } from "lucide-react";
 import { Spacer } from "../../Spacer";
 import { TabItem } from "../../../../styles/tabItem";
-import { useAddSection } from "~/hooks/useAddSection";
+import { useAddSection } from "@/hooks/useAddSection";
 
 export const BottomAddSection = () => {
 	const { handleAddSection } = useAddSection();

src/components/atoms/icon/CancelIcon/index.tsx

@@ -1,6 +1,6 @@
 import type { DispatchWithoutAction, FC } from "react";
 import { RotateCw } from "lucide-react";
-import { Button } from "~/components/ui/button";
+import { Button } from "@/components/ui/button";
 
 type Props = {
 	handleCancel: DispatchWithoutAction;

src/components/atoms/icon/ClearIcon/index.tsx

@@ -1,7 +1,7 @@
 import { Eraser } from "lucide-react";
 import { Spacer } from "../../Spacer";
 import { TabItem } from "../../../../styles/tabItem";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const ClearIcon = () => {
 	const { setMarkdown } = useMarkdownContext();

src/components/atoms/icon/TemplateIcon/index.tsx

@@ -1,12 +1,12 @@
 import { FileText } from "lucide-react";
 import { Spacer } from "../../Spacer";
 import { TabItem } from "../../../../styles/tabItem";
-import type { LanguageKey, SeparateLevelType } from "~/types";
+import type { LanguageKey, SeparateLevelType } from "@/types";
 import { useModal } from "react-hooks-use-modal";
-import { SetTemplateModal } from "~/components/features/setTemplateModal";
-import { languageAndReadmeMap } from "~/constants/languageAndReadmeMap";
-import { useSplitByTag } from "~/hooks/useSplitByTag";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { SetTemplateModal } from "@/components/features/setTemplateModal";
+import { languageAndReadmeMap } from "@/constants/languageAndReadmeMap";
+import { useSplitByTag } from "@/hooks/useSplitByTag";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const TemplateSection = () => {
 	const { splitByTag } = useSplitByTag();

src/components/features/card/mode/display/index.tsx

@@ -1,6 +1,6 @@
 import type { DispatchWithoutAction } from "react";
 import ReactMarkdown from "react-markdown";
-import { EditCardIcon } from "~/components/atoms/icon/EditCardIcon";
+import { EditCardIcon } from "@/components/atoms/icon/EditCardIcon";
 import remarkGfm from "remark-gfm";
 
 type DisplayCardProps = {

src/components/features/card/mode/edit/index.tsx

@@ -1,7 +1,7 @@
 import { type Dispatch, type DispatchWithoutAction, useState } from "react";
-import type { ContentType } from "~/types";
-import { SaveCardIcon } from "~/components/atoms/icon/SaveCardIcon";
-import { useIsIncludeTag } from "~/hooks/useIsIncludeTag";
+import type { ContentType } from "@/types";
+import { SaveCardIcon } from "@/components/atoms/icon/SaveCardIcon";
+import { useIsIncludeTag } from "@/hooks/useIsIncludeTag";
 
 type EditCardProps = {
 	content: ContentType;

src/components/features/language/index.tsx

@@ -1,5 +1,5 @@
 import type { ChangeEvent, Dispatch } from "react";
-import type { LanguageKey } from "~/types/figurative/LanguageType";
+import type { LanguageKey } from "@/types/figurative/LanguageType";
 
 type LanguageSelectedProps = {
 	defaultKey: LanguageKey;

src/components/features/previewSection/index.tsx

@@ -1,4 +1,4 @@
-import type { ContentType } from "~/types";
+import type { ContentType } from "@/types";
 import ReactMarkdown from "react-markdown";
 
 import remarkGfm from "remark-gfm";

src/components/features/selectSeparateLevel/index.tsx

@@ -1,6 +1,6 @@
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import { H1Icon, H2Icon, H3Icon } from "./level";
-import { useSeparateLevel } from "~/hooks/useSeparateLevel";
+import { useSeparateLevel } from "@/hooks/useSeparateLevel";
 export const SelectSeparateLevel = () => {
 	const { separateLevel, onClickByLevel, onClickDecrement, onClickIncrement } =
 		useSeparateLevel();

src/components/features/setTemplateModal/index.tsx

@@ -1,9 +1,9 @@
 import { type Dispatch, type DispatchWithoutAction, useState } from "react";
 import {} from "react";
-import { ApplyTemplateIcon } from "~/components/atoms/icon/ApplyTemplateIcon";
-import { CancelIcon } from "~/components/atoms/icon/CancelIcon";
-import { Spacer } from "~/components/atoms/Spacer";
-import type { LanguageKey } from "~/types/figurative/LanguageType";
+import { ApplyTemplateIcon } from "@/components/atoms/icon/ApplyTemplateIcon";
+import { CancelIcon } from "@/components/atoms/icon/CancelIcon";
+import { Spacer } from "@/components/atoms/Spacer";
+import type { LanguageKey } from "@/types/figurative/LanguageType";
 import { LanguageSelected } from "../language";
 
 type Props = {

src/features/drag-and-drop/lib/getElementIndex.ts

@@ -1,4 +1,4 @@
-import type { ContentType } from "~/types/index.ts";
+import type { ContentType } from "@/types/index.ts";
 
 export const getElementIndex = (
 	contentsList: ContentType[],

src/features/drag-and-drop/lib/handleDrag.ts

@@ -1,5 +1,5 @@
 import type { MutableRefObject } from "react";
-import type { PositionType } from "~/types/index.ts";
+import type { PositionType } from "@/types/index.ts";
 
 export const handleDragStart = (
 	event: React.DragEvent,

src/features/drag-and-drop/lib/reSortArrayElements.ts

@@ -1,17 +1,17 @@
-import { ContentType } from "~/types";
+import { ContentType } from "@/types";
 
 export const reSortArrayElements = (
-  array: ContentType[],
-  hoveredIndex: number,
-  draggingIndex: number
+	array: ContentType[],
+	hoveredIndex: number,
+	draggingIndex: number,
 ) => {
-  const stringArray = array.map(({ content }) => content);
-  const element = stringArray.splice(draggingIndex, 1)[0];
-  stringArray.splice(hoveredIndex, 0, element);
+	const stringArray = array.map(({ content }) => content);
+	const element = stringArray.splice(draggingIndex, 1)[0];
+	stringArray.splice(hoveredIndex, 0, element);
 
-  const reNumberingList: ContentType[] = stringArray.map((content, index) => ({
-    id: index,
-    content,
-  }));
-  return reNumberingList;
+	const reNumberingList: ContentType[] = stringArray.map((content, index) => ({
+		id: index,
+		content,
+	}));
+	return reNumberingList;
 };

src/features/drag-and-drop/model/useDragAndDrop.ts

@@ -1,12 +1,12 @@
 import { type DragEvent, useRef } from "react";
-import { getElementIndex } from "~/features/drag-and-drop/lib/getElementIndex";
+import { getElementIndex } from "@/features/drag-and-drop/lib/getElementIndex";
 import type { PositionType } from "src/types";
 import {
 	handleDragStart,
 	handleDragOver,
-} from "~/features/drag-and-drop/lib/handleDrag";
-import { reSortArrayElements } from "~/features/drag-and-drop/lib/reSortArrayElements";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+} from "@/features/drag-and-drop/lib/handleDrag";
+import { reSortArrayElements } from "@/features/drag-and-drop/lib/reSortArrayElements";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useDragAndDrop = () => {
 	const { markdown, setMarkdown: set } = useMarkdownContext();

src/features/drag-and-drop/ui/index.tsx

@@ -1,9 +1,9 @@
-import { CardSection } from "~/features/markdown-editor/ui";
+import { CardSection } from "@/features/markdown-editor/ui";
 
-import { useUpdateContent } from "~/features/markdown-editor/model/useUpdateContents";
-import { useDeleteContent } from "~/features/markdown-editor/model/useDeleteContent";
-import { useDragAndDrop } from "~/features/drag-and-drop/model/useDragAndDrop";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { useUpdateContent } from "@/features/markdown-editor/model/useUpdateContents";
+import { useDeleteContent } from "@/features/markdown-editor/model/useDeleteContent";
+import { useDragAndDrop } from "@/features/drag-and-drop/model/useDragAndDrop";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useDragComponents = () => {
 	const { markdown } = useMarkdownContext();

src/features/drag-and-drop/ui/useRenderDownloadButton.tsx

@@ -1,5 +1,5 @@
-import { FileExport } from "~/components/atoms/icon/FileExportIcon/index";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { FileExport } from "@/components/atoms/icon/FileExportIcon/index";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useRenderDownloadButton = () => {
 	const { markdown: contents } = useMarkdownContext();

src/features/markdown-editor/model/useDeleteContent.ts

@@ -1,6 +1,6 @@
-import { useSplitByTag } from "~/hooks/useSplitByTag";
-import type { ContentType, SeparateLevelType } from "~/types";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { useSplitByTag } from "@/hooks/useSplitByTag";
+import type { ContentType, SeparateLevelType } from "@/types";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useDeleteContent = () => {
 	const { splitByTag } = useSplitByTag();

src/features/markdown-editor/model/useUpdateContents.ts

@@ -1,5 +1,5 @@
-import { useMarkdownContext } from "~/context/MarkdownContext";
-import type { ContentType } from "~/types";
+import { useMarkdownContext } from "@/context/MarkdownContext";
+import type { ContentType } from "@/types";
 
 export const useUpdateContent = () => {
 	const { markdown, setMarkdown: set } = useMarkdownContext();

src/features/markdown-editor/ui/index.tsx

@@ -1,12 +1,12 @@
 import { type Dispatch, useReducer, type DragEvent } from "react";
 
-import { Card } from "~/components/atoms/card";
-import { DraggableIcon } from "~/components/atoms/icon/DraggableIcon";
-import { Spacer } from "~/components/atoms/Spacer";
-import { DeleteIcon } from "~/components/atoms/icon/DeleteIcon";
-import { EditMode } from "~/components/features/card/mode/edit";
-import { DisplayMode } from "~/components/features/card/mode/display";
-import type { ContentType } from "~/types";
+import { Card } from "@/components/atoms/card";
+import { DraggableIcon } from "@/components/atoms/icon/DraggableIcon";
+import { Spacer } from "@/components/atoms/Spacer";
+import { DeleteIcon } from "@/components/atoms/icon/DeleteIcon";
+import { EditMode } from "@/components/features/card/mode/edit";
+import { DisplayMode } from "@/components/features/card/mode/display";
+import type { ContentType } from "@/types";
 type Props = {
 	content: ContentType;
 	updateContents: Dispatch<ContentType>;

src/hooks/useAddSection.ts

@@ -1,6 +1,6 @@
-import { useViewControl } from "~/hooks/useViewControl";
-import { useSplitByTag } from "~/hooks/useSplitByTag";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { useViewControl } from "@/hooks/useViewControl";
+import { useSplitByTag } from "@/hooks/useSplitByTag";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useAddSection = () => {
 	const { splitByTag } = useSplitByTag();

src/hooks/useDeleteContents.ts

@@ -1 +1 @@
-export { useDeleteContent } from "~/features/markdown-editor/model/useDeleteContent";
+export { useDeleteContent } from "@/features/markdown-editor/model/useDeleteContent";

src/hooks/useIsIncludeTag.ts

@@ -1,9 +1,9 @@
-import { useSwitchPatternBySeparateLevel } from "~/hooks/useSwitchPatternBySeparateLevel";
+import { useSwitchPatternBySeparateLevel } from "@/hooks/useSwitchPatternBySeparateLevel";
 export const useIsIncludeTag = () => {
-  const { switchPatternBySeparateLevel } = useSwitchPatternBySeparateLevel();
+	const { switchPatternBySeparateLevel } = useSwitchPatternBySeparateLevel();
 
-  const isIncludeTag = (content: string) => {
-    return Boolean(switchPatternBySeparateLevel(content));
-  };
-  return { isIncludeTag };
+	const isIncludeTag = (content: string) => {
+		return Boolean(switchPatternBySeparateLevel(content));
+	};
+	return { isIncludeTag };
 };

src/hooks/useMakeContents.ts

@@ -1,5 +1,5 @@
 import { useSplitByTag } from "./useSplitByTag";
-import type { SeparateLevelType } from "~/types";
+import type { SeparateLevelType } from "@/types";
 export const useMakeContents = () => {
 	const { splitByTag } = useSplitByTag();
 

src/hooks/useOnFileInputChange.ts

@@ -1,5 +1,5 @@
-import { useMakeContents } from "~/hooks/useMakeContents";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { useMakeContents } from "@/hooks/useMakeContents";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useOnFileInputChange = () => {
 	const { makeContents } = useMakeContents();

src/hooks/useSeparateLevel.ts

@@ -1,5 +1,5 @@
-import type { SeparateLevelType } from "~/types";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import type { SeparateLevelType } from "@/types";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useSeparateLevel = () => {
 	const { separateLevel, setSeparateLevel: set } = useMarkdownContext();

src/hooks/useSplitByTag.ts

@@ -1,16 +1,16 @@
-import { useSwitchPatternBySeparateLevel } from "~/hooks/useSwitchPatternBySeparateLevel";
+import { useSwitchPatternBySeparateLevel } from "@/hooks/useSwitchPatternBySeparateLevel";
 export const useSplitByTag = () => {
-  const { switchPatternBySeparateLevel } = useSwitchPatternBySeparateLevel();
-  const splitByTag = (content: string) => {
-    const splitCotent = content.split("\n");
+	const { switchPatternBySeparateLevel } = useSwitchPatternBySeparateLevel();
+	const splitByTag = (content: string) => {
+		const splitCotent = content.split("\n");
 
-    const result: string[][] = [];
-    for (let row of splitCotent) {
-      switchPatternBySeparateLevel(row)
-        ? result?.push([row])
-        : result[result.length - 1]?.push(row);
-    }
-    return result?.map((element) => element.join("\n"));
-  };
-  return { splitByTag };
+		const result: string[][] = [];
+		for (let row of splitCotent) {
+			switchPatternBySeparateLevel(row)
+				? result?.push([row])
+				: result[result.length - 1]?.push(row);
+		}
+		return result?.map((element) => element.join("\n"));
+	};
+	return { splitByTag };
 };

src/hooks/useSwitchPatternBySeparateLevel.ts

@@ -1,5 +1,5 @@
-import { patternH1, patternH2, patternH3 } from "~/libs/common/patterns";
-import { useMarkdownContext } from "~/context/MarkdownContext";
+import { patternH1, patternH2, patternH3 } from "@/libs/common/patterns";
+import { useMarkdownContext } from "@/context/MarkdownContext";
 
 export const useSwitchPatternBySeparateLevel = () => {
 	const { separateLevel } = useMarkdownContext();

src/hooks/useViewControl.tsx

@@ -1,14 +1,14 @@
 import { useRef } from "react";
-import { scrollIntoViewCurrentRef } from "~/libs/common/scrollIntoViewCurrentRef";
+import { scrollIntoViewCurrentRef } from "@/libs/common/scrollIntoViewCurrentRef";
 
 export const useViewControl = () => {
-  const bottomRef = useRef<HTMLDivElement>(null);
-  const topRef = useRef<HTMLDivElement>(null);
+	const bottomRef = useRef<HTMLDivElement>(null);
+	const topRef = useRef<HTMLDivElement>(null);
 
-  const scrollToTop = () => scrollIntoViewCurrentRef(topRef);
-  const scrollToBottom = () => scrollIntoViewCurrentRef(bottomRef);
+	const scrollToTop = () => scrollIntoViewCurrentRef(topRef);
+	const scrollToBottom = () => scrollIntoViewCurrentRef(bottomRef);
 
-  const TopAnchor = (): JSX.Element => <div ref={topRef} />;
-  const BottomAnchor = (): JSX.Element => <div ref={bottomRef} />;
-  return { TopAnchor, BottomAnchor, scrollToTop, scrollToBottom };
+	const TopAnchor = (): JSX.Element => <div ref={topRef} />;
+	const BottomAnchor = (): JSX.Element => <div ref={bottomRef} />;
+	return { TopAnchor, BottomAnchor, scrollToTop, scrollToBottom };
 };

src/layouts/Frame/TabBar/index.tsx

@@ -1,10 +1,10 @@
-import { FileImport } from "~/components/atoms/icon/FileImportIcon/index.tsx";
-import { AddSection } from "~/components/atoms/icon/AddSectionIcon/index.tsx";
-import { TemplateSection } from "~/components/atoms/icon/TemplateIcon/index.tsx";
-import { ClearIcon } from "~/components/atoms/icon/ClearIcon/index.tsx";
-import { useAddSection } from "~/hooks/useAddSection.ts";
-import { useRenderDownloadButton } from "~/features/drag-and-drop/ui/useRenderDownloadButton.tsx";
-import { useOnFileInputChange } from "~/hooks/useOnFileInputChange.ts";
+import { FileImport } from "@/components/atoms/icon/FileImportIcon/index.tsx";
+import { AddSection } from "@/components/atoms/icon/AddSectionIcon/index.tsx";
+import { TemplateSection } from "@/components/atoms/icon/TemplateIcon/index.tsx";
+import { ClearIcon } from "@/components/atoms/icon/ClearIcon/index.tsx";
+import { useAddSection } from "@/hooks/useAddSection.ts";
+import { useRenderDownloadButton } from "@/features/drag-and-drop/ui/useRenderDownloadButton.tsx";
+import { useOnFileInputChange } from "@/hooks/useOnFileInputChange.ts";
 
 export const TabBar = (): JSX.Element => {
 	const { handleAddSection } = useAddSection();

src/layouts/SubContent/index.tsx

@@ -1,4 +1,4 @@
-import { Composition } from "~/types";
+import { Composition } from "@/types";
 export const SubContent = ({ children }: Composition): JSX.Element => (
 	<div className="px-6">{children}</div>
 );

src/main.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { App } from "./App";
-import { MarkdownProvider } from "~/context/MarkdownContext";
+import { MarkdownProvider } from "@/context/MarkdownContext";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 	<React.StrictMode>

src/styles/IncludeIconButton/index.tsx

@@ -1,4 +1,4 @@
-import { Composition } from "~/types";
+import { Composition } from "@/types";
 export const IncludeIconButton = ({ children }: Composition): JSX.Element => (
 	<div className="border-3 border-[#424040] border-solid rounded-md py-1 px-2 hover:invert">
 		{children}

src/styles/tabItem/index.tsx

@@ -1,4 +1,4 @@
-import type { Composition } from "~/types";
+import type { Composition } from "@/types";
 export const TabItem = ({ children }: Composition): JSX.Element => (
 	<div className="border-3 border-[#424040] border-dotted rounded-md py-1 px-2">
 		{children}

src/types/figurative/LanguageType.ts

@@ -1,3 +1,3 @@
-import { languageAndReadmeMap } from "~/constants/languageAndReadmeMap";
+import { languageAndReadmeMap } from "@/constants/languageAndReadmeMap";
 type LanguageKeyType = typeof languageAndReadmeMap;
 export type LanguageKey = keyof LanguageKeyType;