auto about:blank

src/App.tsx

@@ -13,7 +13,6 @@ window.document.documentElement.classList.add('dark')
 export default function App() {
   useEffect(() => {
     registerDefaultPlugins()
-    // handleNewPlugins()
   }, [])
 
   return (

src/main.tsx

@@ -1,6 +1,17 @@
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <App />
-)
+if (!window.frameElement) {
+  const tab = window.open('about:blank', '_blank')
+  const iframe = tab!.document.createElement('iframe')
+  const stl = iframe!.style
+  stl.border = stl.outline = 'none'
+  stl.width = '100vw'
+  stl.height = '100vh'
+  stl.position = 'fixed'
+  stl.left = stl.right = stl.top = stl.bottom = '0'
+  iframe!.src = self.location.href
+  tab!.document.body.appendChild(iframe!)
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />)