From 7369da424b11bf27cceb7a21622504a9df9feaae Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Fri, 22 Aug 2025 15:00:20 -0700
Subject: [PATCH] Update vite.config.js

---
 vite.config.js | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index 1eca5ad..0921245 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import { VitePWA } from 'vite-plugin-pwa'
-import htmlPlugin from 'vite-plugin-html-config'
+import { createHtmlPlugin } from 'vite-plugin-html'
 
 const pwa = VitePWA({
   registerType: 'autoUpdate',
@@ -14,7 +14,7 @@ const pwa = VitePWA({
     orientation: 'portrait',
     theme_color: '#FFFFFF',
     background_color: '#000000',
-    categories: ['productivity', 'utilities'],
+    categories: ['productivity','utilities'],
     icons: [{ src: 'https://sune.planetrenox.com/appstore_content/✺.png', sizes: '1024x1024', type: 'image/png' }],
     screenshots: [
       { src: 'https://sune.planetrenox.com/appstore_content/screenshot1.jpg', sizes: '1344x2693', type: 'image/jpeg' },
@@ -23,14 +23,15 @@ const pwa = VitePWA({
   }
 })
 
-const html = htmlPlugin({
-  title: 'Sune',
-  metas: [{ name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' }],
-  links: [{ rel: 'icon', type: 'image/avif', href: 'https://sune.planetrenox.com/✺.avif' }],
-  headScripts: [{ src: 'https://cdn.jsdelivr.net/npm/tiny-ripple@0.2.0' }]
+const html = createHtmlPlugin({
+  inject: {
+    tags: [
+      { tag: 'title', children: 'Sune', injectTo: 'head' },
+      { tag: 'link', attrs: { rel: 'icon', type: 'image/avif', href: 'https://sune.planetrenox.com/✺.avif' }, injectTo: 'head' },
+      { tag: 'script', attrs: { src: 'https://cdn.jsdelivr.net/npm/tiny-ripple@0.2.0' }, injectTo: 'head' },
+      { tag: 'style', children: ':root{--safe-bottom:env(safe-area-inset-bottom)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}', injectTo: 'head' }
+    ]
+  }
 })
 
-export default defineConfig({
-  build: { outDir: 'docs' },
-  plugins: [html, pwa]
-})
+export default defineConfig({ build: { outDir: 'docs' }, plugins: [pwa, html] })