https://tomeight.com/_nuxt/dekamoji.QZKJXdWE.js

1import{_ as $}from"./RangeInput.vue.zG-jGj3c.js";import{_ as w}from"./CheckboxOption.mjIZHW7c.js";import{f as V,x as h,l as a,y as z,o as C,c as B,a as o,m as F,v as I,h as s,z as m,b as _,w as k,d as x,t as j,n as D,p as M,e as T,_ as U,q as N}from"./entry.3-HIeTSr.js";import{u as R}from"./index.zxNNnXJl.js";import{u as q}from"./tomeight.BpD2cz_8.js";import"./vue.f36acd1f.YLkSvQFl.js";const A=i=>(M("data-v-35a7059c"),i=i(),T(),i),E={class:"dekamoji-root"},O={class:"container"},P=A(()=>o("h1",null,"デカ文字 -画面いっぱいにテキストを表示-",-1)),W={class:"controller"},G={class:"line"},H={class:"line"},J={class:"line switch"},K=["contenteditable"],L=V({__name:"Dekamoji",setup(i){h(l=>({"3d48c066":s(t)}));const v=a(`このテキストを
2直接編集できます`),t=a(128),u=l=>{t.value+=l},f=l=>{t.value>l?t.value-=l:t.value=1},c=a(!0),r=a(!0),p=a(null);z(()=>{if(p.value===null)return;const l=p.value.clientWidth;if(l<=640){t.value=60;return}if(l>=1700){t.value=200;return}});const d=a(!1),S=()=>{d.value=!0},g=()=>{d.value=!1};return(l,e)=>{const y=$,b=w;return C(),B("main",E,[o("div",O,[P,o("div",W,[o("div",G,[o("button",{class:"button",onClick:e[0]||(e[0]=n=>f(5))},"−−"),o("button",{class:"button",onClick:e[1]||(e[1]=n=>f(1))},"−"),F(o("input",{class:"input",type:"number",min:"1","onUpdate:modelValue":e[2]||(e[2]=n=>m(t)?t.value=n:null)},null,512),[[I,s(t)]]),o("button",{class:"button",onClick:e[3]||(e[3]=n=>u(1))},"＋"),o("button",{class:"button",onClick:e[4]||(e[4]=n=>u(5))},"＋＋")]),o("div",H,[_(y,{class:"range-input",min:1,max:512,modelValue:s(t),"onUpdate:modelValue":e[5]||(e[5]=n=>m(t)?t.value=n:null),step:10},null,8,["modelValue"])]),o("div",J,[_(b,{modelValue:s(c),"onUpdate:modelValue":e[6]||(e[6]=n=>m(c)?c.value=n:null)},{default:k(()=>[x("太字")]),_:1},8,["modelValue"]),_(b,{modelValue:s(r),"onUpdate:modelValue":e[7]||(e[7]=n=>m(r)?r.value=n:null)},{default:k(()=>[x("中央寄せ")]),_:1},8,["modelValue"]),o("button",{class:"button",onClick:S}," フルスクリーン ")])])]),o("div",{class:D(["display",{bold:s(c),centering:s(r),"full-screen":s(d)}]),ref_key:"display",ref:p,contenteditable:!s(d),onClick:g},j(s(v)),11,K)])}}}),Q=U(L,[["__scopeId","data-v-35a7059c"]]),ne=V({__name:"dekamoji",setup(i){return R({title:q().titlePage("デカ文字 -画面いっぱいにテキストを表示-"),description:"任意のテキストを画面いっぱいに拡大して表示するツールです。"}),(v,t)=>{const u=Q;return C(),N(u,{class:"main"})}}});export{ne as default};