create-pixi-vn 1.8.2 → 1.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-pixi-vn",
   "description": "Create a new Pixi’VN project",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "type": "module",
   "license": "GPL-3.0",
   "author": "DRincs-Productions",

package/template-nqtr-react-vite-muijoy/package.json

@@ -1,75 +1,75 @@
-{
-  "name": "my-app-package-name",
-  "description": "my-app-description",
-  "version": "0.1.0",
-  "type": "module",
-  "license": "GPL-3.0",
-  "scripts": {
-    "start": "vite",
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@drincs/nqtr": "^0.6.0",
-    "@drincs/pixi-vn": "^1.4.3",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.5",
-    "@mui/joy": "^5.0.0-beta.52",
-    "@mui/material": "^7.3.6",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.12",
-    "es-toolkit": "^1.43.0",
-    "i18next": "^25.7.3",
-    "i18next-chained-backend": "^4.6.2",
-    "i18next-resources-to-backend": "^1.2.1",
-    "motion": "^12.23.26",
-    "notistack": "^3.0.2",
-    "react": "^19.2.3",
-    "react-color-palette": "^7.3.1",
-    "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.0",
-    "react-i18next": "^16.5.0",
-    "react-lazy-load-image-component": "^1.6.3",
-    "react-markdown": "^10.1.0",
-    "react-markdown-typewriter": "^1.1.4",
-    "react-router-dom": "^7.11.0",
-    "rehype-raw": "^7.0.0",
-    "remark-gfm": "^4.0.1",
-    "shade-generator": "^1.2.7",
-    "tailwindcss": "^4.1.18",
-    "vite-plugin-checker": "^0.12.0",
-    "zustand": "^5.0.9"
-  },
-  "devDependencies": {
-    "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query-devtools": "^5.91.1",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@types/react-lazy-load-image-component": "^1.6.5",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "tailwindcss-motion": "^1.1.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.0",
-    "vite-plugin-pwa": "^1.2.0"
-  },
-  "keywords": [
-    "game",
-    "js",
-    "novel",
-    "pixi",
-    "pixi-js",
-    "pixi-vn",
-    "visual",
-    "visual-novel",
-    "vn"
-  ]
+{
+  "name": "my-app-package-name",
+  "description": "my-app-description",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "GPL-3.0",
+  "scripts": {
+    "start": "vite",
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@drincs/nqtr": "^0.6.0",
+    "@drincs/pixi-vn": "^1.5.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/joy": "^5.0.0-beta.52",
+    "@mui/material": "^7.3.7",
+    "@tailwindcss/vite": "^4.1.18",
+    "@tanstack/react-query": "^5.90.20",
+    "es-toolkit": "^1.44.0",
+    "i18next": "^25.8.0",
+    "i18next-chained-backend": "^5.0.2",
+    "i18next-resources-to-backend": "^1.2.1",
+    "motion": "^12.29.2",
+    "notistack": "^3.0.2",
+    "react": "^19.2.4",
+    "react-color-palette": "^7.3.1",
+    "react-dom": "^19.2.4",
+    "react-error-boundary": "^6.1.0",
+    "react-i18next": "^16.5.4",
+    "react-lazy-load-image-component": "^1.6.3",
+    "react-markdown": "^10.1.0",
+    "react-markdown-typewriter": "^1.1.4",
+    "react-router-dom": "^7.13.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.1",
+    "shade-generator": "^1.2.7",
+    "tailwindcss": "^4.1.18",
+    "vite-plugin-checker": "^0.12.0",
+    "zustand": "^5.0.11"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.19",
+    "@tanstack/react-query-devtools": "^5.91.3",
+    "@types/node": "^25.2.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-lazy-load-image-component": "^1.6.5",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.0",
+    "tailwindcss-motion": "^1.1.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-pwa": "^1.2.0"
+  },
+  "keywords": [
+    "game",
+    "js",
+    "novel",
+    "pixi",
+    "pixi-js",
+    "pixi-vn",
+    "visual",
+    "visual-novel",
+    "vn"
+  ]
 }

package/template-nqtr-react-vite-muijoy/src/index.css

@@ -6,8 +6,14 @@
   background-color: #242424;
 }
 
+html,
+body {
+  height: 100%;
+}
+
 body {
   margin: 0;
+  min-height: 100vh;
   display: flex;
   overflow: hidden;
 }

package/template-nqtr-react-vite-muijoy/src/labels/variousActionsLabels.ts

@@ -126,7 +126,7 @@ export const talkAliceQuest = newLabel(
                 await showImage(BACKGROUND_ID, "alice_terrace0At");
             }
         },
-    }
+    },
 );
 export const aliceTalkMenuLabel = newLabel(ALICE_TALK_MENU_LABEL_KEY, [
     async () => {

package/template-nqtr-react-vite-muijoy/src/main.tsx

@@ -23,6 +23,7 @@ Game.init(body, {
     height: 1080,
     width: 1920,
     backgroundColor: "#303030",
+    resizeMode: "contain",
 }).then(() => {
     // Pixi.JS UI Layer
     canvas.addLayer(CANVAS_UI_LAYER_NAME, new Container());
@@ -43,22 +44,22 @@ Game.init(body, {
     reactRoot.render(
         <QueryClientProvider client={queryClient}>
             <App />
-        </QueryClientProvider>
+        </QueryClientProvider>,
     );
 });
 
-Game.onEnd(async (props) => {
+Game.onEnd(async ({ navigate }) => {
     let isTheEnd = storage.getFlag("is_the_end");
     if (isTheEnd) {
         Game.clear();
-        props.navigate("/");
+        navigate("/");
     } else {
-        props.navigate(NAVIGATION_ROUTE);
+        navigate(NAVIGATION_ROUTE);
     }
 });
 
-Game.onError((type, error, { notify, t }) => {
-    notify(t("allert_error_occurred"), { variant: "error" });
+Game.onError((type, error, { notify, uiTransition }) => {
+    notify(uiTransition("allert_error_occurred"), { variant: "error" });
     console.error(`Error occurred: ${type}`, error);
 });
 

package/template-nqtr-react-vite-muijoy/src/utils/assets-utility.ts

@@ -9,7 +9,7 @@ import { mainMap } from "../values/maps";
  * You can read more about assets management in the documentation: https://pixi-vn.web.app/start/assets-management.html
  */
 export async function defineAssets() {
-    Assets.init({ manifest });
+    await Assets.init({ manifest });
 
     // The game will not start until these asserts are loaded.
     await Assets.loadBundle(MAIN_MENU_ROUTE);

package/template-nqtr-react-vite-muijoy-ink/package.json

@@ -13,53 +13,53 @@
   },
   "dependencies": {
     "@drincs/nqtr": "^0.6.0",
-    "@drincs/pixi-vn": "^1.4.3",
+    "@drincs/pixi-vn": "^1.5.5",
     "@drincs/pixi-vn-ink": "^0.11.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.5",
+    "@mui/icons-material": "^7.3.7",
     "@mui/joy": "^5.0.0-beta.52",
-    "@mui/material": "^7.3.6",
+    "@mui/material": "^7.3.7",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.12",
-    "es-toolkit": "^1.43.0",
-    "i18next": "^25.7.3",
-    "i18next-chained-backend": "^4.6.2",
+    "@tanstack/react-query": "^5.90.20",
+    "es-toolkit": "^1.44.0",
+    "i18next": "^25.8.0",
+    "i18next-chained-backend": "^5.0.2",
     "i18next-resources-to-backend": "^1.2.1",
-    "motion": "^12.23.26",
+    "motion": "^12.29.2",
     "notistack": "^3.0.2",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-color-palette": "^7.3.1",
-    "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.0",
-    "react-i18next": "^16.5.0",
+    "react-dom": "^19.2.4",
+    "react-error-boundary": "^6.1.0",
+    "react-i18next": "^16.5.4",
     "react-lazy-load-image-component": "^1.6.3",
     "react-markdown": "^10.1.0",
     "react-markdown-typewriter": "^1.1.4",
-    "react-router-dom": "^7.11.0",
+    "react-router-dom": "^7.13.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shade-generator": "^1.2.7",
     "tailwindcss": "^4.1.18",
     "vite-plugin-checker": "^0.12.0",
-    "zustand": "^5.0.9"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query-devtools": "^5.91.1",
-    "@types/node": "^25.0.3",
+    "@tanstack/react-query-devtools": "^5.91.3",
+    "@types/node": "^25.2.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/react-lazy-load-image-component": "^1.6.5",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.0",
     "tailwindcss-motion": "^1.1.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-pwa": "^1.2.0"
   },
   "keywords": [

package/template-nqtr-react-vite-muijoy-ink/src/index.css

@@ -6,8 +6,14 @@
   background-color: #242424;
 }
 
+html,
+body {
+  height: 100%;
+}
+
 body {
   margin: 0;
+  min-height: 100vh;
   display: flex;
   overflow: hidden;
 }

package/template-nqtr-react-vite-muijoy-ink/src/labels/startLabel.ts

@@ -0,0 +1,15 @@
+import { navigator, timeTracker } from "@drincs/nqtr";
+import { newLabel } from "@drincs/pixi-vn";
+import { NAVIGATION_ROUTE } from "../constans";
+import { aliceQuest } from "../values/quests";
+import { mcRoom } from "../values/rooms";
+
+const startLabel = newLabel("start", [
+    async (props) => {
+        navigator.currentRoom = mcRoom;
+        await aliceQuest.start(props);
+        await props.navigate(NAVIGATION_ROUTE);
+        timeTracker.currentTime = 8;
+    },
+]);
+export default startLabel;

package/template-nqtr-react-vite-muijoy-ink/src/main.tsx

@@ -24,6 +24,7 @@ Game.init(body, {
     height: 1080,
     width: 1920,
     backgroundColor: "#303030",
+    resizeMode: "contain",
 }).then(() => {
     // Pixi.JS UI Layer
     canvas.addLayer(CANVAS_UI_LAYER_NAME, new Container());
@@ -44,22 +45,22 @@ Game.init(body, {
     reactRoot.render(
         <QueryClientProvider client={queryClient}>
             <App />
-        </QueryClientProvider>
+        </QueryClientProvider>,
     );
 });
 
-Game.onEnd(async (props) => {
+Game.onEnd(async ({ navigate }) => {
     let isTheEnd = storage.getFlag("is_the_end");
     if (isTheEnd) {
         Game.clear();
-        props.navigate("/");
+        navigate("/");
     } else {
-        props.navigate(NAVIGATION_ROUTE);
+        navigate(NAVIGATION_ROUTE);
     }
 });
 
-Game.onError((type, error, { notify, t }) => {
-    notify(t("allert_error_occurred"), { variant: "error" });
+Game.onError((type, error, { notify, uiTransition }) => {
+    notify(uiTransition("allert_error_occurred"), { variant: "error" });
     console.error(`Error occurred: ${type}`, error);
 });
 

package/template-nqtr-react-vite-muijoy-ink/src/utils/assets-utility.ts

@@ -9,7 +9,7 @@ import { mainMap } from "../values/maps";
  * You can read more about assets management in the documentation: https://pixi-vn.web.app/start/assets-management.html
  */
 export async function defineAssets() {
-    Assets.init({ manifest });
+    await Assets.init({ manifest });
 
     // The game will not start until these asserts are loaded.
     await Assets.loadBundle(MAIN_MENU_ROUTE);

package/template-nqtr-react-vite-muijoy-ink-tauri/package.json

@@ -14,56 +14,56 @@
   },
   "dependencies": {
     "@drincs/nqtr": "^0.6.0",
-    "@drincs/pixi-vn": "^1.4.3",
+    "@drincs/pixi-vn": "^1.5.5",
     "@drincs/pixi-vn-ink": "^0.11.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.5",
+    "@mui/icons-material": "^7.3.7",
     "@mui/joy": "^5.0.0-beta.52",
-    "@mui/material": "^7.3.6",
+    "@mui/material": "^7.3.7",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-query": "^5.90.20",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-opener": "^2",
-    "es-toolkit": "^1.43.0",
-    "i18next": "^25.7.3",
-    "i18next-chained-backend": "^4.6.2",
+    "es-toolkit": "^1.44.0",
+    "i18next": "^25.8.0",
+    "i18next-chained-backend": "^5.0.2",
     "i18next-resources-to-backend": "^1.2.1",
-    "motion": "^12.23.26",
+    "motion": "^12.29.2",
     "notistack": "^3.0.2",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-color-palette": "^7.3.1",
-    "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.0",
-    "react-i18next": "^16.5.0",
+    "react-dom": "^19.2.4",
+    "react-error-boundary": "^6.1.0",
+    "react-i18next": "^16.5.4",
     "react-lazy-load-image-component": "^1.6.3",
     "react-markdown": "^10.1.0",
     "react-markdown-typewriter": "^1.1.4",
-    "react-router-dom": "^7.11.0",
+    "react-router-dom": "^7.13.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shade-generator": "^1.2.7",
     "tailwindcss": "^4.1.18",
     "vite-plugin-checker": "^0.12.0",
-    "zustand": "^5.0.9"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query-devtools": "^5.91.1",
+    "@tanstack/react-query-devtools": "^5.91.3",
     "@tauri-apps/cli": "^2",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.2.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/react-lazy-load-image-component": "^1.6.5",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.0",
     "tailwindcss-motion": "^1.1.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-pwa": "^1.2.0"
   },
   "keywords": [
@@ -77,4 +77,4 @@
     "visual-novel",
     "vn"
   ]
-}
+}

package/template-nqtr-react-vite-muijoy-ink-tauri/src/index.css

@@ -6,8 +6,14 @@
   background-color: #242424;
 }
 
+html,
+body {
+  height: 100%;
+}
+
 body {
   margin: 0;
+  min-height: 100vh;
   display: flex;
   overflow: hidden;
 }

package/template-nqtr-react-vite-muijoy-ink-tauri/src/labels/startLabel.ts

@@ -0,0 +1,15 @@
+import { navigator, timeTracker } from "@drincs/nqtr";
+import { newLabel } from "@drincs/pixi-vn";
+import { NAVIGATION_ROUTE } from "../constans";
+import { aliceQuest } from "../values/quests";
+import { mcRoom } from "../values/rooms";
+
+const startLabel = newLabel("start", [
+    async (props) => {
+        navigator.currentRoom = mcRoom;
+        await aliceQuest.start(props);
+        await props.navigate(NAVIGATION_ROUTE);
+        timeTracker.currentTime = 8;
+    },
+]);
+export default startLabel;

package/template-nqtr-react-vite-muijoy-ink-tauri/src/main.tsx

@@ -24,6 +24,7 @@ Game.init(body, {
     height: 1080,
     width: 1920,
     backgroundColor: "#303030",
+    resizeMode: "contain",
 }).then(() => {
     // Pixi.JS UI Layer
     canvas.addLayer(CANVAS_UI_LAYER_NAME, new Container());
@@ -44,22 +45,22 @@ Game.init(body, {
     reactRoot.render(
         <QueryClientProvider client={queryClient}>
             <App />
-        </QueryClientProvider>
+        </QueryClientProvider>,
     );
 });
 
-Game.onEnd(async (props) => {
+Game.onEnd(async ({ navigate }) => {
     let isTheEnd = storage.getFlag("is_the_end");
     if (isTheEnd) {
         Game.clear();
-        props.navigate("/");
+        navigate("/");
     } else {
-        props.navigate(NAVIGATION_ROUTE);
+        navigate(NAVIGATION_ROUTE);
     }
 });
 
-Game.onError((type, error, { notify, t }) => {
-    notify(t("allert_error_occurred"), { variant: "error" });
+Game.onError((type, error, { notify, uiTransition }) => {
+    notify(uiTransition("allert_error_occurred"), { variant: "error" });
     console.error(`Error occurred: ${type}`, error);
 });
 

package/template-nqtr-react-vite-muijoy-ink-tauri/src/utils/assets-utility.ts

@@ -9,7 +9,7 @@ import { mainMap } from "../values/maps";
  * You can read more about assets management in the documentation: https://pixi-vn.web.app/start/assets-management.html
  */
 export async function defineAssets() {
-    Assets.init({ manifest });
+    await Assets.init({ manifest });
 
     // The game will not start until these asserts are loaded.
     await Assets.loadBundle(MAIN_MENU_ROUTE);

package/template-nqtr-react-vite-muijoy-tauri/package.json

@@ -14,55 +14,55 @@
   },
   "dependencies": {
     "@drincs/nqtr": "^0.6.0",
-    "@drincs/pixi-vn": "^1.4.3",
+    "@drincs/pixi-vn": "^1.5.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.5",
+    "@mui/icons-material": "^7.3.7",
     "@mui/joy": "^5.0.0-beta.52",
-    "@mui/material": "^7.3.6",
+    "@mui/material": "^7.3.7",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-query": "^5.90.20",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-opener": "^2",
-    "es-toolkit": "^1.43.0",
-    "i18next": "^25.7.3",
-    "i18next-chained-backend": "^4.6.2",
+    "es-toolkit": "^1.44.0",
+    "i18next": "^25.8.0",
+    "i18next-chained-backend": "^5.0.2",
     "i18next-resources-to-backend": "^1.2.1",
-    "motion": "^12.23.26",
+    "motion": "^12.29.2",
     "notistack": "^3.0.2",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-color-palette": "^7.3.1",
-    "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.0",
-    "react-i18next": "^16.5.0",
+    "react-dom": "^19.2.4",
+    "react-error-boundary": "^6.1.0",
+    "react-i18next": "^16.5.4",
     "react-lazy-load-image-component": "^1.6.3",
     "react-markdown": "^10.1.0",
     "react-markdown-typewriter": "^1.1.4",
-    "react-router-dom": "^7.11.0",
+    "react-router-dom": "^7.13.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shade-generator": "^1.2.7",
     "tailwindcss": "^4.1.18",
     "vite-plugin-checker": "^0.12.0",
-    "zustand": "^5.0.9"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query-devtools": "^5.91.1",
+    "@tanstack/react-query-devtools": "^5.91.3",
     "@tauri-apps/cli": "^2",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.2.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/react-lazy-load-image-component": "^1.6.5",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.0",
     "tailwindcss-motion": "^1.1.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-pwa": "^1.2.0"
   },
   "keywords": [
@@ -76,4 +76,4 @@
     "visual-novel",
     "vn"
   ]
-}
+}

package/template-nqtr-react-vite-muijoy-tauri/src/index.css

@@ -6,8 +6,14 @@
   background-color: #242424;
 }
 
+html,
+body {
+  height: 100%;
+}
+
 body {
   margin: 0;
+  min-height: 100vh;
   display: flex;
   overflow: hidden;
 }