working esri imageserver

package.json

@@ -9,13 +9,15 @@
     "@wwtelescope/engine-pinia": "^0.9.0",
     "date-fns": "^3.6.0",
     "date-fns-tz": "^3.1.3",
+    "esri-leaflet": "3.0.13",
     "leaflet": "^1.9.4",
     "leaflet.zoomhome": "^1.0.0",
     "vue": "^3.4.15",
     "vuetify": "^3.4.11",
     "webpack-plugin-vuetify": "^2.0.0"
   },
   "devDependencies": {
+    "@types/esri-leaflet": "^3",
     "@types/leaflet": "^1.9.11",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",

src/EsriTest.vue

@@ -0,0 +1,32 @@
+<script lang="ts">
+// import L from "leaflet";
+import { defineComponent } from 'vue';
+// import { tempoImageService } from './esri';
+
+// const latlngbounds = new L.LatLngBounds(
+//   new L.LatLng(17.025, -154.975),
+//   new L.LatLng(63.975, -24.475)
+// );
+
+
+// const a = L.esri.query(tempoImageService).within(latlngbounds);
+// console.log(a);
+
+export default defineComponent({
+  name: "EsriTest",
+
+  data() {
+    return {};
+  },
+
+
+
+});
+</script>
+
+<template>
+  <div>
+    Esri Test
+  </div>
+
+</template>