Navbar.vue

<script>
  import UiNavbarSubitem from "./NavbarSubitem";
  import UiNavbarSubitemReplacing from "./NavbarSubitemReplacing";
  import { isLgScreenSize } from "../../utils";

  export default {
    components: {
      UiNavbarSubitem,
      UiNavbarSubitemReplacing,
    },
    data() {
      return {
        isLgScreenSize: isLgScreenSize(),
        show: false,
        resizeHandler: () => {
          this.$data.isLgScreenSize = isLgScreenSize();
        },
      };
    },
    mounted() {
      this.$nextTick(() => {
        window.addEventListener("resize", this.$data.resizeHandler);
      });
    },
    beforeDestroy() {
      window.removeEventListener("resize", this.$data.resizeHandler);
    }
  }
</script>