뷰포트를 ref로 인식한 값을 이용해서 뷰포트 넓이에 따라 Vuetify의 Hamburger Icon와 네비게이션메뉴를 조건부 렌더링하도록 하는 로직을 구현해보았습니다 ALLIGHT {{ headerButton }} header width가 640px이 넘은 경우 header의 width가 640px 이하인 경우 resize를 하는 로직을 react의 hook처럼 외부화 시킬 수 있습니다. // @/hooks/useResize.ts import { onMounted, onUnmounted, Ref } from '@vue/composition-api'; interface IRefs { clientWidth: number; } function useResize(refs: Ref, result: Ref): v..
