import{a4 as i,i as e,an as p,a6 as d,w as f,u as _}from"./app-JmgyQoR0.js";import{b as C,a as g,w,c as l,h as y,t as h,l as n,j as c,K as r,E as k,z as x}from"./vue-y3KLWBaS.js";const S={class:"_formRoot"},B=C({__name:"custom-css",setup(v){var s;const a=g((s=localStorage.getItem("customCss"))!=null?s:"");async function m(){localStorage.setItem("customCss",a.value);const{canceled:t}=await f({type:"info",text:e.ts.reloadToApplySetting});t||_()}return w(a,async()=>{await m()}),l(()=>[]),l(()=>[]),i({title:e.ts.customCss,icon:"ph-code ph-bold ph-lg"}),(t,o)=>(y(),h("div",S,[n(p,{warn:"",class:"_formBlock"},{default:c(()=>[r(k(x(e).ts.customCssWarn),1)]),_:1}),n(d,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=u=>a.value=u),"manual-save":"",tall:"",class:"_monospace _formBlock",style:{"tab-size":"2"}},{label:c(()=>[r("CSS")]),_:1},8,["modelValue"])]))}});export{B as default};
