chore: name .ts components

For easy identification in devtools

Author: HusamElbashir

src/components/Circle.ts

@@ -5,6 +5,7 @@ import { polylineEvents } from "../shared/index";
 const circleEvents = polylineEvents.concat(["center_changed", "radius_changed"]);
 
 export default defineComponent({
+  name: "Circle",
   props: {
     options: {
       type: Object as PropType<google.maps.CircleOptions>,

src/components/Marker.ts

@@ -29,6 +29,7 @@ const markerEvents = [
 ];
 
 export default defineComponent({
+  name: "Marker",
   props: {
     options: {
       type: Object as PropType<google.maps.MarkerOptions>,

src/components/Polygon.ts

@@ -3,6 +3,7 @@ import { useSetupMapComponent } from "../composables/index";
 import { polylineEvents as polygonEvents } from "../shared/index";
 
 export default defineComponent({
+  name: "Polygon",
   props: {
     options: {
       type: Object as PropType<google.maps.PolygonOptions>,

src/components/Polyline.ts

@@ -3,6 +3,7 @@ import { defineComponent, PropType, toRef } from "vue";
 import { polylineEvents } from "../shared/index";
 
 export default defineComponent({
+  name: "Polyline",
   props: {
     options: {
       type: Object as PropType<google.maps.PolylineOptions>,

src/components/Rectangle.ts

@@ -5,6 +5,7 @@ import { polylineEvents } from "../shared/index";
 const rectangleEvents = polylineEvents.concat(["bounds_changed"]);
 
 export default defineComponent({
+  name: "Rectangle",
   props: {
     options: {
       type: Object as PropType<google.maps.RectangleOptions>,