feat: script setup style

* Replace jsx with script setup syntax
* Simplify logic and make it more "composable"
    * Move Zoom functions to useZoom composable
* Update eslint config & tsconfig

package.json

@@ -45,6 +45,7 @@
     "pinia": "^2.0.0-rc.13"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "^0.9.0",
     "@babel/core": "^7.15.8",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.2",
@@ -79,6 +80,7 @@
     "vite": "^2.6.7",
     "vite-svg-loader": "^2.2.0",
     "vue": "^3.2.20",
+    "vue-eslint-parser": "^7.11.0",
     "vue-router": "^4.0.12",
     "vue-tsc": "^0.2.3"
   },