패키지 버전 업데이트 및 SvelteKit 3, Tailwind CSS 4로 마이그레이션

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/routes/(main)/favorites/+page.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { RowVirtualizer } from "$lib/components/atoms";
-  import { TopBar } from "$lib/components/molecules";
-  import { masterKeyStore } from "$lib/stores";
+  import { RowVirtualizer } from "#lib/components/atoms/index.js";
+  import { TopBar } from "#lib/components/molecules/index.js";
+  import { masterKeyStore } from "#lib/stores/index.js";
   import Directory from "./Directory.svelte";
   import File from "./File.svelte";
   import { requestFavoriteEntries, requestRemoveFavorite, type FavoriteEntry } from "./service";
@@ -48,12 +48,12 @@
   <TopBar title="즐겨찾기" showBackButton={false}>
     <button
       onclick={() => goto("/search?from=favorites")}
-      class="w-full rounded-full p-1 text-2xl active:bg-black active:bg-opacity-[0.04]"
+      class="w-full rounded-full p-1 text-2xl active:bg-black/4"
     >
       <IconSearch />
     </button>
   </TopBar>
-  <div class="flex flex-grow flex-col px-4 pb-4">
+  <div class="flex grow flex-col px-4 pb-4">
     {#if entries.length > 0}
       <RowVirtualizer
         count={entries.length}
@@ -79,7 +79,7 @@
         {/snippet}
       </RowVirtualizer>
     {:else}
-      <div class="flex flex-grow items-center justify-center">
+      <div class="flex grow items-center justify-center">
         <p class="text-gray-500">
           {#if isLoading}
             즐겨찾기 목록을 불러오고 있어요.

src/routes/(main)/favorites/+page.ts

@@ -1,4 +1,4 @@
-import { trpc } from "$trpc/client";
+import { trpc } from "#trpc/client.js";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ parent }) => {

src/routes/(main)/favorites/Directory.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { ActionEntryButton } from "$lib/components/atoms";
-  import { DirectoryEntryLabel } from "$lib/components/molecules";
-  import type { SubDirectoryInfo } from "$lib/modules/filesystem";
+  import { ActionEntryButton } from "#lib/components/atoms/index.js";
+  import { DirectoryEntryLabel } from "#lib/components/molecules/index.js";
+  import type { SubDirectoryInfo } from "#lib/modules/filesystem/index.js";
 
   import IconClose from "~icons/material-symbols/close";
 

src/routes/(main)/favorites/File.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { ActionEntryButton } from "$lib/components/atoms";
-  import { DirectoryEntryLabel } from "$lib/components/molecules";
-  import { getFileThumbnail } from "$lib/modules/file";
-  import type { SummarizedFileInfo } from "$lib/modules/filesystem";
-  import { formatDateTime } from "$lib/utils";
+  import { ActionEntryButton } from "#lib/components/atoms/index.js";
+  import { DirectoryEntryLabel } from "#lib/components/molecules/index.js";
+  import { getFileThumbnail } from "#lib/modules/file/index.js";
+  import type { SummarizedFileInfo } from "#lib/modules/filesystem/index.js";
+  import { formatDateTime } from "#lib/utils/index.js";
 
   import IconClose from "~icons/material-symbols/close";
 

src/routes/(main)/favorites/service.ts

@@ -4,10 +4,10 @@ import {
   type SummarizedFileInfo,
   type SubDirectoryInfo,
   type LocalDirectoryInfo,
-} from "$lib/modules/filesystem";
-import { HybridPromise, sortEntries } from "$lib/utils";
-import { trpc } from "$trpc/client";
-import type { RouterOutputs } from "$trpc/router.server";
+} from "#lib/modules/filesystem/index.js";
+import { HybridPromise, sortEntries } from "#lib/utils/index.js";
+import { trpc } from "#trpc/client.js";
+import type { RouterOutputs } from "#trpc/router.server.js";
 
 export type FavoriteEntry =
   | { type: "directory"; name: string; details: SubDirectoryInfo }