feat: Vue3로 작성된 지도 렌더러 (#216)

- 기존의 jQuery 기반 지도 렌더러를 Vue3로 재작성.
  - ajax로 호출하는 부분은 외부에서 처리하고, 다시 그리는 부분만 생성
  - 기능상으론 거의 동일.
- 일반 렌더러의 700px에, 500px모드용 모드 추가
  - 아이콘의 크기는 작아지지만, 글자 크기는 작아지지 않도록 조정

dep: vueuse, detect-it 추가

Reviewed-on: https://storage.hided.net/gitea/devsam/core/pulls/216

hwe/ts/state/is1000pxMode.ts

@@ -0,0 +1,3 @@
+import { useMediaQuery } from "@vueuse/core";
+
+export const is1000pxMode = useMediaQuery('(min-width:900px');

hwe/ts/state/mapViewer.ts

@@ -0,0 +1,11 @@
+import { watch, ref } from "vue";
+
+export const hideMapCityName = ref<boolean>(localStorage.getItem('sam.hideMapCityName') == 'yes');
+watch(hideMapCityName, (value) => {
+    localStorage.setItem('sam.hideMapCityName', value ? 'yes' : 'no');
+});
+
+export const toggleSingleTap = ref<boolean>(localStorage.getItem('sam.toggleSingleTap') == 'yes');
+watch(toggleSingleTap, (value) => {
+    localStorage.setItem('sam.toggleSingleTap', value ? 'yes' : 'no');
+});