39 lines
977 B
TypeScript
39 lines
977 B
TypeScript
|
import { STORAGE_KEY_CURRENT_USER_HANDLE, STORAGE_KEY_SETTINGS } from '~/constants'
|
||
|
|
import { fontSizeMap } from '~/constants/options'
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Injecting scripts before renders
|
||
|
|
*/
|
||
|
|
export default defineNuxtPlugin(() => {
|
||
|
|
useHead({
|
||
|
|
script: [
|
||
|
|
{
|
||
|
|
innerHTML: `
|
||
|
|
;(function() {
|
||
|
|
const handle = localStorage.getItem('${STORAGE_KEY_CURRENT_USER_HANDLE}')
|
||
|
|
if (!handle)
|
||
|
|
return
|
||
|
|
const allSettings = JSON.parse(localStorage.getItem('${STORAGE_KEY_SETTINGS}') || '{}')
|
||
|
|
const settings = allSettings[handle]
|
||
|
|
if (!settings)
|
||
|
|
return
|
||
|
|
|
||
|
|
const html = document.querySelector('html')
|
||
|
|
${process.dev ? 'console.log(\'settings\', settings)' : ''}
|
||
|
|
|
||
|
|
const { fontSize, language } = settings || {}
|
||
|
|
|
||
|
|
if (fontSize) {
|
||
|
|
const fontSizeMap = ${JSON.stringify(fontSizeMap)}
|
||
|
|
html.style.setProperty('--font-size', fontSizeMap[fontSize])
|
||
|
|
}
|
||
|
|
|
||
|
|
if (language) {
|
||
|
|
html.setAttribute('lang', language)
|
||
|
|
}
|
||
|
|
})()`.trim().replace(/\s*\n+\s*/g, ';'),
|
||
|
|
},
|
||
|
|
],
|
||
|
|
})
|
||
|
|
})
|