반응형 웹앱을 제작하고 있는데

작업을 하다보니까 css 미디어 쿼리를 쓸 때도 있고
vuex 에서 window width를 저장해놓고 사이즈가 감지되면  v-if-else로 
필요한 컴포넌트를 불러오는 방식을 동시에 쓰고 있습니다.  

레이아웃이 크게 변하지 않는 부분은 미디어 쿼리로 해결하고
너무 크게 변하는 부분은 v-if-else로 렌더링하고 있는데요 
서서히 프로젝트가 커짐에 따라서 이게 나중에 유지보수가 가능할지 두렵네요    

처음부터 PC/Mobile를 나눠서 따로 만들었어야 했나 싶다가도
막상 또 그렇게 나누자니 레이아웃이 크게 안 바뀌는 부분도 제법 많아서 혼란에 빠졌습니다. 

이와 관련해서 조언을 얻을 수 있을지 궁금합니다.