fix(router): make exception page render in sandboxed/insecure environments (#2200)

Co-authored-by: Enzo Innocenzi <enzo@innocenzi.dev>

Author: NeoIsRecursive

packages/router/src/Exceptions/local/dist/main.js

@@ -1,14 +1,14 @@
 import ui from '@nuxt/ui/vue-plugin'
 import { createApp } from 'vue'
-import { createRouter, createWebHistory } from 'vue-router'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import renderer from '../renderer.vue'
 import { initializeExceptionStore } from '../store'
 import './style.css'
 
 const app = createApp(renderer)
 const router = createRouter({
 	routes: [],
-	history: createWebHistory(),
+	history: createMemoryHistory(),
 })
 
 const element = document.getElementById('tempest-hydration')

packages/router/src/Exceptions/local/src/entrypoint/main.ts

@@ -1,7 +1,7 @@
-import { useLocalStorage } from '@vueuse/core'
+import { useOverlay, useToast } from '@nuxt/ui/composables'
+import { useStorage } from '@vueuse/core'
 import { type } from 'arktype'
 import Dialog from './dialog.vue'
-import { useOverlay, useToast } from '@nuxt/ui/composables';
 
 const overlay = useOverlay()
 
@@ -15,7 +15,15 @@ export const schema = type({
 export type Editor = typeof schema.infer['editor']
 export type Settings = typeof schema.inferIn
 
-export const settings = useLocalStorage<Settings>('tempest:exceptions:settings', {})
+const tryGetLocalStorage = () => {
+	try {
+		return window.localStorage
+	} catch {
+		return
+	}
+}
+
+export const settings = useStorage<Settings>('tempest:exceptions:settings', {}, tryGetLocalStorage())
 
 export async function openFileInEditor(file: string, line?: number) {
 	if (!settings.value.editor) {