Fix Svelte 5 deprecation: Replace <slot /> with {@render children()}

Dockerfile

@@ -1,14 +1,16 @@
 # Build stage
-FROM node:20-slim AS builder
+FROM node:20 AS builder
 
 WORKDIR /app
 
-# Install build dependencies for better-sqlite3
+# Use a faster npm registry mirror
-RUN apt-get update && apt-get install -y python3 make g++ 
+RUN npm config set registry https://registry.npmmirror.com
 
+# Copy package files first for better caching
 COPY package*.json ./
 RUN npm install
 
+# Copy the rest of the code and build
 COPY . .
 RUN npm run build
 
@@ -17,24 +19,29 @@ FROM node:20-slim
 
 WORKDIR /app
 
-# Install production dependencies only
+# Use a faster npm registry mirror
+RUN npm config set registry https://registry.npmmirror.com
+
+# Install only production dependencies
+# Copy package files again for production layer caching
 COPY package*.json ./
+# Install build tools temporarily for native modules if needed, 
+# though many have pre-built binaries on standard Node images
 RUN apt-get update && apt-get install -y python3 make g++ \
     && npm install --omit=dev \
     && apt-get purge -y python3 make g++ \
     && apt-get autoremove -y \
     && rm -rf /var/lib/apt/lists/*
 
+# Copy built app and static files from builder
 COPY --from=builder /app/build ./build
 COPY --from=builder /app/static ./static
 
-# Ensure the database file isn't baked in unless desired, 
+# App configuration
-# but adapter-node needs the build folder.
-# The app will create data.db in /app/ at runtime.
-
 ENV PORT=1995
 ENV NODE_ENV=production
 
 EXPOSE 1995
 
+# The database data.db will be created at /app/data.db or mounted via volume
 CMD ["node", "build"]

package.json

@@ -18,19 +18,19 @@
 		"@tailwindcss/postcss": "^4.2.1",
 		"@types/node": "^25.5.0",
 		"autoprefixer": "^10.4.27",
-		"bcryptjs": "^3.0.3",
-		"better-sqlite3": "^12.8.0",
-		"clsx": "^2.1.1",
-		"lucide-svelte": "^0.577.0",
 		"postcss": "^8.5.8",
 		"svelte": "^5.51.0",
 		"svelte-check": "^4.4.2",
-		"tailwind-merge": "^3.5.0",
 		"tailwindcss": "^4.2.1",
 		"typescript": "^5.9.3",
 		"vite": "^7.3.1"
 	},
 	"dependencies": {
+		"bcryptjs": "^3.0.3",
+		"better-sqlite3": "^12.8.0",
+		"clsx": "^2.1.1",
+		"lucide-svelte": "^0.577.0",
+		"tailwind-merge": "^3.5.0",
 		"xlsx": "^0.18.5"
 	}
 }

src/routes/+layout.svelte

@@ -1,5 +1,6 @@
 <script>
     import "../app.css";
+    let { children } = $props();
 </script>
 
-<slot />
+{@render children()}