@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 782 B
JavaScript
;const n=require("vue"),s=require("../../../model/layout/page/NeonPageAlignment.cjs.js"),i=require("../../feedback/alert/NeonAlert.vue.cjs.js"),d=require("../../feedback/banner/NeonBanner.vue.cjs.js"),m=n.defineComponent({name:"NeonPage",components:{NeonAlert:i,NeonBanner:d},props:{pageAlign:{type:String,default:s.NeonPageAlignment.CENTER}},setup(u,{slots:t}){const e=()=>{const o=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${o}rem`);const r=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${r}rem`)};return n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)}),{slots:t}}});module.exports=m;
//# sourceMappingURL=NeonPage.cjs.js.map