diff --git a/packages/web-examples/next-example/src/app/BackgroundRemoval.tsx b/packages/web-examples/next-example/src/app/BackgroundRemoval.tsx
index c0832d0..4e4cad9 100644
--- a/packages/web-examples/next-example/src/app/BackgroundRemoval.tsx
+++ b/packages/web-examples/next-example/src/app/BackgroundRemoval.tsx
@@ -21,14 +21,14 @@ const BackgroundRemoval = () => {
   const [isRunning, setIsRunning] = useState(false);
   const [seconds, setSeconds] = useState('0');
   const [startDate, setStartDate] = useState(Date.now());
-  const [caption, setCaption] = useState('Click me to remove background');
+  const [caption, setCaption] = useState('กดปุ่มเพื่อลบพื้นหลังภาพ');
   const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
   const config: Config = {
     debug: false,
     progress: (key, current, total) => {
       const [type, subtype] = key.split(':');
-      setCaption(`${type} ${subtype} ${((current / total) * 100).toFixed(0)}%`);
+      setCaption(`กำลังโหลด ${subtype || type} ${((current / total) * 100).toFixed(0)}%`);
     },
     rescale: true,
     device: 'gpu',
@@ -49,8 +49,9 @@ const BackgroundRemoval = () => {
     const imageParam = params.get('image');
     const auto = params.get('auto') || false;
 
-    const randomImage =
-      imageParam || images[Math.floor(Math.random() * images.length)];
+    const randomImage = imageParam
+      ? new URL(imageParam, window.location.href).href
+      : images[Math.floor(Math.random() * images.length)];
     setImageUrl(randomImage);
 
     const preloadAssets = async () => {
@@ -101,8 +102,9 @@ const BackgroundRemoval = () => {
   const load = async (type: string) => {
     const params = new URLSearchParams(window.location.search);
     const imageParam = params.get('image');
-    const randomImage =
-      imageParam || images[Math.floor(Math.random() * images.length)];
+    const randomImage = imageParam
+      ? new URL(imageParam, window.location.href).href
+      : images[Math.floor(Math.random() * images.length)];
 
     setIsRunning(true);
     resetTimer();
@@ -121,7 +123,7 @@ const BackgroundRemoval = () => {
       setImageUrl(url);
     } catch (error) {
       console.error('Processing failed:', error);
-      setCaption('Processing failed');
+      setCaption('ประมวลผลไม่สำเร็จ');
     } finally {
       setIsRunning(false);
       stopTimer();
@@ -132,14 +134,14 @@ const BackgroundRemoval = () => {
     <div id="app">
       <header>
         {/* // eslint-disable-next-line @next/next/no-img-element */}
-        {imageUrl && <img src={imageUrl} alt="logo" />}
+        {imageUrl && <img src={imageUrl} alt="ภาพตัวอย่าง" />}
         <p>{caption}</p>
-        <p>Processing: {seconds} s</p>
+        <p>เวลาประมวลผล: {seconds} วินาที</p>
         <button disabled={isRunning} onClick={() => load('remove')}>
-          Click me (removeBackground)
+          ลบพื้นหลัง
         </button>
         <button disabled={isRunning} onClick={() => load('segment')}>
-          Click me (applySegmentationMask)
+          แยกวัตถุด้วยมาสก์
         </button>
       </header>
     </div>
diff --git a/packages/web-examples/next-example/src/app/layout.tsx b/packages/web-examples/next-example/src/app/layout.tsx
index 0139388..0d3920e 100644
--- a/packages/web-examples/next-example/src/app/layout.tsx
+++ b/packages/web-examples/next-example/src/app/layout.tsx
@@ -2,8 +2,8 @@ import type { Metadata } from 'next';
 import './globals.css';
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app'
+  title: 'ลบพื้นหลังภาพ',
+  description: 'แยกวัตถุและลบพื้นหลังภาพในเบราว์เซอร์'
 };
 
 export default function RootLayout({
@@ -12,7 +12,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="th">
       <body>{children}</body>
     </html>
   );
diff --git a/packages/web-examples/vite-project/index.html b/packages/web-examples/vite-project/index.html
index dde16aa..cc9c9d6 100644
--- a/packages/web-examples/vite-project/index.html
+++ b/packages/web-examples/vite-project/index.html
@@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="th">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>ลบพื้นหลังภาพ</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/packages/web-examples/vite-project/src/App.vue b/packages/web-examples/vite-project/src/App.vue
index 4ffbeb3..dba2181 100644
--- a/packages/web-examples/vite-project/src/App.vue
+++ b/packages/web-examples/vite-project/src/App.vue
@@ -1,8 +1,7 @@
 <script>
-import { ref, watch, onMounted, onUnmounted } from 'vue';
+import { ref, watch, onUnmounted } from 'vue';
 
 import {
-  preload,
   removeBackground,
   removeForeground,
   segmentForeground,
@@ -13,12 +12,7 @@ import {
 export default {
   name: 'App',
   setup() {
-    const images = [
-      'https://images.unsplash.com/photo-1656408308602-05835d990fb1?q=80&w=3200&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-      'https://images.unsplash.com/photo-1686002359940-6a51b0d64f68?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1024&q=80',
-      'https://images.unsplash.com/photo-1590523278191-995cbcda646b?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEyMDd9',
-      'https://images.unsplash.com/photo-1709248835088-03bb0946d6ab?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'
-    ];
+    const images = [new URL('/sample.webp', window.location.origin).href];
 
     const url = new URL(window.location.href);
     const params = new URLSearchParams(url.search);
@@ -32,7 +26,7 @@ export default {
     const isRunning = ref(false);
     const seconds = ref(0);
     const startDate = ref(Date.now());
-    const caption = ref('Click me to remove background');
+    const caption = ref('กดปุ่มเพื่อลบพื้นหลังภาพ');
     let interval = null;
 
     const publicPath = new URL(import.meta.url);
@@ -42,13 +36,14 @@ export default {
       publicPath: publicPath.href,
       progress: (key, current, total) => {
         const [type, subtype] = key.split(':');
-        caption.value = `${type} ${subtype} ${((current / total) * 100).toFixed(
+        caption.value = `กำลังโหลด ${subtype || type} ${((current / total) * 100).toFixed(
           0
         )}%`;
       },
       // rescale: false,
       rescale: true,
-      device: 'gpu',
+      device: 'cpu',
+      model: 'isnet_quint8',
       // device: 'cpu',
       // model: 'isnet',
       // model: 'isnet_fp16',
@@ -85,21 +80,6 @@ export default {
       }
     );
 
-    onMounted(async () => {
-      // Optional Preload all assets
-      await preload(config).then(() => {
-        console.log('Asset preloading succeeded');
-      });
-      if (isRunning.value) {
-        interval = setInterval(() => {
-          seconds.value = calculateSecondsBetweenDates(
-            startDate.value,
-            Date.now()
-          );
-        }, 100);
-      }
-    });
-
     onUnmounted(() => {
       clearInterval(interval);
     });
@@ -124,14 +104,21 @@ export default {
 
       imageUrl.value = randomImage;
       let imageBlob;
-      if (type === 'remove') {
-        imageBlob = await removeBackground(randomImage, config);
-      } else {
-        const maskBlob = await segmentForeground(randomImage, config);
-        console.log(maskBlob);
-        imageBlob = await applySegmentationMask(randomImage, maskBlob, config);
+      try {
+        if (type === 'remove') {
+          imageBlob = await removeBackground(randomImage, config);
+        } else {
+          const maskBlob = await segmentForeground(randomImage, config);
+          imageBlob = await applySegmentationMask(randomImage, maskBlob, config);
+        }
+        caption.value = 'ประมวลผลเสร็จแล้ว';
+      } catch (error) {
+        console.error(error);
+        caption.value = 'ประมวลผลไม่สำเร็จ กรุณาลองอีกครั้ง';
+        return;
+      } finally {
+        stopTimer();
       }
-      console.log(imageBlob);
 
       // const imageBlob = await removeBackground(randomImage, config);
       // const imageBlob = await alphamask(randomImage, config)
@@ -159,15 +146,15 @@ export default {
 <template>
   <div id="app">
     <header>
-      <img :src="imageUrl" alt="logo" />
+      <img :src="imageUrl" alt="ภาพตัวอย่าง" />
       <p>{{ caption }}</p>
-      <p>Processing: {{ seconds }} s</p>
+      <p>เวลาประมวลผล: {{ seconds }} วินาที</p>
 
       <button :disabled="isRunning" @click="load('remove')">
-        Click me (removeBackground)
+        ลบพื้นหลัง
       </button>
       <button :disabled="isRunning" @click="load('segment')">
-        Click me (applySegmentationMask)
+        แยกวัตถุด้วยมาสก์
       </button>
     </header>
   </div>
diff --git a/scripts/package-resources.mjs b/scripts/package-resources.mjs
index 8fef023..d9e43e6 100644
--- a/scripts/package-resources.mjs
+++ b/scripts/package-resources.mjs
@@ -2,6 +2,7 @@ export default main;
 import crypto from 'node:crypto';
 import fs from 'node:fs';
 import path from 'node:path';
+import { pathToFileURL } from 'node:url';
 
 import { globSync } from 'glob';
 
@@ -152,7 +153,7 @@ async function transform(fileName, entry) {
 
 async function loadConfig() {
   if (fileExists(path.resolve(BaseDir, '.resources.mjs'))) {
-    const resources = await import(path.resolve(BaseDir, '.resources.mjs'));
+    const resources = await import(pathToFileURL(path.resolve(BaseDir, '.resources.mjs')).href);
     const entries = resources.default;
     return entries;
   }
@@ -171,7 +172,10 @@ async function generateFiles() {
   const entries = await loadConfig();
   for (const entry of entries) {
     const entryPath = path.resolve(BaseDir, entry.source);
-    const candidates = await globSync(entryPath, { nodir: true });
+    const candidates = globSync(entryPath, {
+      nodir: true,
+      windowsPathsNoEscape: true
+    });
     if (candidates.length === 0) {
       console.error(`No files found for ${entry.source}`);
       process.exit(-1);
@@ -195,7 +199,7 @@ async function saveResourceMetadata(filesToProcess) {
   for (const fileToProcess of Object.keys(filesToProcess)) {
     const entry = filesToProcess[fileToProcess];
     const metadata = await transform(fileToProcess, entry, DefaultOutDir);
-    const key = path.join(entry.path, fileToProcess.split('/').pop());
+    const key = path.posix.join(entry.path, path.basename(fileToProcess));
     resourcesMetadata[key] = metadata;
   }
   fs.writeFileSync(