refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/plugins/setup-head-script.server.ts

@@ -0,0 +1,38 @@
+import { STORAGE_KEY_CURRENT_USER_HANDLE, STORAGE_KEY_SETTINGS } from '~/constants'
+import { oldFontSizeMap } from '~/constants/options'
+
+/**
+ * Injecting scripts before renders
+ */
+export default defineNuxtPlugin(() => {
+  useHead({
+    script: [
+      {
+        innerHTML: `
+;(function() {
+  const handle = localStorage.getItem('${STORAGE_KEY_CURRENT_USER_HANDLE}') || '[anonymous]'
+  const allSettings = JSON.parse(localStorage.getItem('${STORAGE_KEY_SETTINGS}') || '{}')
+  const settings = allSettings[handle]
+  if (!settings) { return }
+
+  const html = document.documentElement
+  ${import.meta.dev ? 'console.log({ settings })' : ''}
+
+  if (settings.fontSize) {
+    const oldFontSizeMap = ${JSON.stringify(oldFontSizeMap)}
+    html.style.setProperty('--font-size', oldFontSizeMap[settings.fontSize] || settings.fontSize)
+  }
+  if (settings.language) {
+    html.setAttribute('lang', settings.language)
+  }
+  if (settings.preferences.zenMode) {
+    html.classList.add('zen')
+  }
+  if (settings.themeColors) {
+    Object.entries(settings.themeColors).map(i => html.style.setProperty(i[0], i[1]))
+  }
+})()`.trim().replace(/\s*\n\s*/g, ';'),
+      },
+    ],
+  })
+})