UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 782 B
"use strict";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