@aotearoan/neon/dist/components/layout/page/NeonPage.es.js

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

import { defineComponent as r, onMounted as i, onUnmounted as m } from "vue";
import { NeonPageAlignment as s } from "../../../model/layout/page/NeonPageAlignment.es.js";
import d from "../../feedback/alert/NeonAlert.vue.es.js";
import p from "../../feedback/banner/NeonBanner.vue.es.js";
const f = r({
  name: "NeonPage",
  components: {
    NeonAlert: d,
    NeonBanner: p
  },
  props: {
    /**
     * Page alignment: either left aligned or center aligned.
     */
    pageAlign: { type: String, default: s.CENTER }
  },
  setup(a, { slots: n }) {
    const e = () => {
      const t = window.innerHeight * 0.01;
      document.documentElement.style.setProperty("--vh", `${t}rem`);
      const o = window.innerWidth * 0.01;
      document.documentElement.style.setProperty("--vw", `${o}rem`);
    };
    return i(() => {
      window.addEventListener("resize", e, { passive: !0 }), e();
    }), m(() => {
      window.removeEventListener("resize", e);
    }), { slots: n };
  }
});
export {
  f as default
};
//# sourceMappingURL=NeonPage.es.js.map