fix: lints

Author: glennmichael123

packages/vue/src/components/VectorMap.vue

@@ -4,10 +4,10 @@ import type { ComputedRef, PropType, Ref } from 'vue'
 import { VectorMap as TsVectorMap } from 'ts-maps'
 import brasilMap from 'ts-maps/brasil'
 import canadaMap from 'ts-maps/canada'
+import iraqMap from 'ts-maps/iraq'
 import italyMap from 'ts-maps/italy'
 import russiaMap from 'ts-maps/russia'
 import spainMap from 'ts-maps/spain'
-import iraqMap from 'ts-maps/iraq'
 import usaAeaMap from 'ts-maps/us-aea-en'
 import usaLccMap from 'ts-maps/us-lcc-en'
 import usaMercMap from 'ts-maps/us-merc-en'

playground/vue-samples/src/App.vue

@@ -1,3 +1,3 @@
 <template>
   <router-view />
-</template>
+</template>

playground/vue-samples/src/pages/brasil.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { Brasil } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'
@@ -143,7 +141,7 @@ function handleLoaded() {
       <button @click="toggleZoom">
         {{ options.zoomOnScroll ? 'Disable' : 'Enable' }} Zoom
       </button>
-      
+
       <div class="marker-info">
         Markers: {{ options.markers?.length || 0 }}
       </div>

playground/vue-samples/src/pages/canada.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { Canada } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'
@@ -142,7 +140,7 @@ function handleLoaded() {
       <button @click="toggleZoom">
         {{ options.zoomOnScroll ? 'Disable' : 'Enable' }} Zoom
       </button>
-      
+
       <div class="marker-info">
         Markers: {{ options.markers?.length || 0 }}
       </div>

playground/vue-samples/src/pages/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { computed, reactive, ref } from 'vue'
 import { VectorMap } from 'ts-maps-vue'
+import { computed, reactive, ref } from 'vue'
 
 type MapName = 'world' | 'world-merc' | 'us-merc' | 'us-mill' | 'us-lcc' | 'us-aea' | 'spain' | 'italy' | 'canada' | 'russia' | 'iraq' | 'brasil'
 

playground/vue-samples/src/pages/iraq.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { Iraq } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'
@@ -143,7 +141,7 @@ function handleLoaded() {
       <button @click="toggleZoom">
         {{ options.zoomOnScroll ? 'Disable' : 'Enable' }} Zoom
       </button>
-      
+
       <div class="marker-info">
         Markers: {{ options.markers?.length || 0 }}
       </div>

playground/vue-samples/src/pages/italy.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { Italy } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'
@@ -143,7 +141,7 @@ function handleLoaded() {
       <button @click="toggleZoom">
         {{ options.zoomOnScroll ? 'Disable' : 'Enable' }} Zoom
       </button>
-      
+
       <div class="marker-info">
         Markers: {{ options.markers?.length || 0 }}
       </div>

playground/vue-samples/src/pages/russia.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { Russia } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'
@@ -143,7 +141,7 @@ function handleLoaded() {
       <button @click="toggleZoom">
         {{ options.zoomOnScroll ? 'Disable' : 'Enable' }} Zoom
       </button>
-      
+
       <div class="marker-info">
         Markers: {{ options.markers?.length || 0 }}
       </div>

playground/vue-samples/src/pages/usa.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { UnitedStates } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'

playground/vue-samples/src/pages/world.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MapOptions } from 'ts-maps'
-import { reactive, ref } from 'vue'
 import { WorldMap } from 'ts-maps-vue'
+import { reactive, ref } from 'vue'
 
 interface EventData {
   type: string
@@ -57,8 +57,6 @@ const options = reactive<Omit<MapOptions, 'selector'>>({
   ],
 })
 
-
-
 function toggleTheme() {
   isDarkTheme.value = !isDarkTheme.value
   options.backgroundColor = isDarkTheme.value ? '#2c3e50' : '#ffffff'