docs(style): format with prettier

MelihAltintas · Apr 18, 2024 · 3410247 · 3410247
1 parent 12f5541
commit 3410247
Show file tree

Hide file tree

Showing 95 changed files with 155 additions and 144 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,7 +1,3 @@
 {
-  "recommendations": [
-    "Vue.volar",
-    "vitest.explorer",
-    "esbenp.prettier-vscode"
-  ]
-}
+  "recommendations": ["Vue.volar", "vitest.explorer", "esbenp.prettier-vscode"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,8 +1,5 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
-  "editor.codeActionsOnSave": [
-    "source.fixAll.format",
-    "source.fixAll.eslint"
-  ]
-}
+  "editor.codeActionsOnSave": ["source.fixAll.format", "source.fixAll.eslint"]
+}
diff --git a/README.md b/README.md
@@ -92,6 +92,7 @@ docker compose run screenshot-update
 
 Please note, when recording screenshots locally the may differ from the platform (linux) in CI.
 This results in:
+
 - a: a different file name
 - b: a slightly different screenshot
 

diff --git a/docs/componentsguide/animations.plugin.md b/docs/componentsguide/animations.plugin.md
@@ -1,26 +1,28 @@
-
 ### Plugin usage
 
 This component is part of the `Animations` plugin.
 **If not installed [globally](/get-started#usage-as-plugin)**, you need to import and `use` the plugin in your `main.ts` or use the explicit component import (see section below).
 
 ::: details Import and use the `Animations` plugin
+
 ```ts {8,13} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:6]
+import {
+  // [!code focus:6]
   Map,
   Layers,
   Sources,
-  Animations
-} from 'vue3-openlayers';
+  Animations,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Animations); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import

diff --git a/docs/componentsguide/animations/drop/index.md b/docs/componentsguide/animations/drop/index.md
@@ -21,7 +21,7 @@ import DropAnimation from "@demos/DropAnimation.vue"
 ## Usage
 
 | Plugin Usage          |        Explicit Import         |
-|-----------------------|:------------------------------:|
+| --------------------- | :----------------------------: |
 | `<ol-animation-drop>` | `<Animations.OlAnimationDrop>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/fade/index.md b/docs/componentsguide/animations/fade/index.md
@@ -21,7 +21,7 @@ import FadeAnimation from "@demos/FadeAnimation.vue"
 ## Usage
 
 | Plugin Usage          |        Explicit Import         |
-|-----------------------|:------------------------------:|
+| --------------------- | :----------------------------: |
 | `<ol-animation-fade>` | `<Animations.OlAnimationFade>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/path/index.md b/docs/componentsguide/animations/path/index.md
@@ -20,7 +20,7 @@ import FlowLineDemo from "@demos/FlowLineDemo.vue"
 ## Usage
 
 | Plugin Usage          |        Explicit Import         |
-|-----------------------|:------------------------------:|
+| --------------------- | :----------------------------: |
 | `<ol-animation-path>` | `<Animations.OlAnimationPath>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/shake/index.md b/docs/componentsguide/animations/shake/index.md
@@ -21,7 +21,7 @@ import ShakeAnimation from "@demos/ShakeAnimation.vue"
 ## Usage
 
 | Plugin Usage           |         Explicit Import         |
-|------------------------|:-------------------------------:|
+| ---------------------- | :-----------------------------: |
 | `<ol-animation-shake>` | `<Animations.OlAnimationShake>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/slide/index.md b/docs/componentsguide/animations/slide/index.md
@@ -21,7 +21,7 @@ import SlideAnimation from "@demos/SlideAnimation.vue"
 ## Usage
 
 | Plugin Usage           |         Explicit Import         |
-|------------------------|:-------------------------------:|
+| ---------------------- | :-----------------------------: |
 | `<ol-animation-slide>` | `<Animations.OlAnimationSlide>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/teleport/index.md b/docs/componentsguide/animations/teleport/index.md
@@ -21,7 +21,7 @@ import TeleportAnimation from "@demos/TeleportAnimation.vue"
 ## Usage
 
 | Plugin Usage              |          Explicit Import           |
-|---------------------------|:----------------------------------:|
+| ------------------------- | :--------------------------------: |
 | `<ol-animation-teleport>` | `<Animations.OlAnimationTeleport>` |
 
 ::: code-group

diff --git a/docs/componentsguide/animations/zoom/index.md b/docs/componentsguide/animations/zoom/index.md
@@ -21,7 +21,7 @@ import ZoomAnimation from "@demos/ZoomAnimation.vue"
 ## Usage
 
 | Plugin Usage          |        Explicit Import         |
-|-----------------------|:------------------------------:|
+| --------------------- | :----------------------------: |
 | `<ol-animation-zoom>` | `<Animations.OlAnimationZoom>` |
 
 ::: code-group

diff --git a/docs/componentsguide/feature/index.md b/docs/componentsguide/feature/index.md
@@ -21,7 +21,7 @@ import GeomPoint from "@demos/GeomPoint.vue"
 ## Usage
 
 | Plugin Usage   |  Explicit Import  |
-|----------------|:-----------------:|
+| -------------- | :---------------: |
 | `<ol-feature>` | `<Map.OlFeature>` |
 
 <ClientOnly>

diff --git a/docs/componentsguide/geolocation/index.md b/docs/componentsguide/geolocation/index.md
@@ -25,7 +25,7 @@ import GeoLocationDemo from "@demos/GeoLocationDemo.vue"
 ## Usage
 
 | Plugin Usage       |    Explicit Import    |
-|--------------------|:---------------------:|
+| ------------------ | :-------------------: |
 | `<ol-geolocation>` | `<Map.OlGeolocation>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries.plugin.md b/docs/componentsguide/geometries.plugin.md
@@ -1,26 +1,28 @@
-
 ### Plugin usage
 
 This component is part of the `Geometries` plugin.
 **If not installed [globally](/get-started#usage-as-plugin)**, you need to import and `use` the plugin in your `main.ts` or use the explicit component import (see section below).
 
 ::: details Import and use the `Geometries` plugin
+
 ```ts {8,13} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:6]
+import {
+  // [!code focus:6]
   Map,
   Layers,
   Sources,
-  Geometries
-} from 'vue3-openlayers';
+  Geometries,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Geometries); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import

diff --git a/docs/componentsguide/geometries/geomcircle/index.md b/docs/componentsguide/geometries/geomcircle/index.md
@@ -21,7 +21,7 @@ import CircleDemo from "@demos/CircleDemo.vue"
 ## Usage
 
 | Plugin Usage       |       Explicit Import       |
-|--------------------|:---------------------------:|
+| ------------------ | :-------------------------: |
 | `<ol-geom-circle>` | `<Geometries.OlGeomCircle>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geomlinestring/index.md b/docs/componentsguide/geometries/geomlinestring/index.md
@@ -20,7 +20,7 @@ import LineString from "@demos/LineString.vue"
 ## Usage
 
 | Plugin Usage            |         Explicit Import         |
-|-------------------------|:-------------------------------:|
+| ----------------------- | :-----------------------------: |
 | `<ol-geom-line-string>` | `<Geometries.OlGeomLineString>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geommultilinestring/index.md b/docs/componentsguide/geometries/geommultilinestring/index.md
@@ -20,7 +20,7 @@ import MultiLineString from "@demos/MultiLineString.vue"
 ## Usage
 
 | Plugin Usage                  |           Explicit Import            |
-|-------------------------------|:------------------------------------:|
+| ----------------------------- | :----------------------------------: |
 | `<ol-geom-multi-line-string>` | `<Geometries.OlGeomMultiLineString>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geommultipoint/index.md b/docs/componentsguide/geometries/geommultipoint/index.md
@@ -20,7 +20,7 @@ import MultiPoint from "@demos/MultiPoint.vue"
 ## Usage
 
 | Plugin Usage            |         Explicit Import         |
-|-------------------------|:-------------------------------:|
+| ----------------------- | :-----------------------------: |
 | `<ol-geom-multi-point>` | `<Geometries.OlGeomMultiPoint>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geommultipolygon/index.md b/docs/componentsguide/geometries/geommultipolygon/index.md
@@ -20,7 +20,7 @@ import MultiPolygon from "@demos/MultiPolygon.vue"
 ## Usage
 
 | Plugin Usage              |          Explicit Import          |
-|---------------------------|:---------------------------------:|
+| ------------------------- | :-------------------------------: |
 | `<ol-geom-multi-polygon>` | `<Geometries.OlGeomMultiPolygon>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geompoint/index.md b/docs/componentsguide/geometries/geompoint/index.md
@@ -21,7 +21,7 @@ import GeomPoint from "@demos/GeomPoint.vue"
 ## Usage
 
 | Plugin Usage      |      Explicit Import       |
-|-------------------|:--------------------------:|
+| ----------------- | :------------------------: |
 | `<ol-geom-point>` | `<Geometries.OlGeomPoint>` |
 
 ::: code-group

diff --git a/docs/componentsguide/geometries/geompolygon/index.md b/docs/componentsguide/geometries/geompolygon/index.md
@@ -23,7 +23,7 @@ import PolygonDemo from "@demos/PolygonDemo.vue"
 ## Usage
 
 | Plugin Usage        |       Explicit Import        |
-|---------------------|:----------------------------:|
+| ------------------- | :--------------------------: |
 | `<ol-geom-polygon>` | `<Geometries.OlGeomPolygon>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions.plugin.md b/docs/componentsguide/interactions.plugin.md
@@ -1,26 +1,28 @@
-
 ### Plugin usage
 
 This component is part of the `Interactions` plugin.
 **If not installed [globally](/get-started#usage-as-plugin)**, you need to import and `use` the plugin in your `main.ts` or use the explicit component import (see section below).
 
 ::: details Import and use the `Interactions` plugin
+
 ```ts {8,13} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:6]
+import {
+  // [!code focus:6]
   Map,
   Layers,
   Sources,
-  Interactions
-} from 'vue3-openlayers';
+  Interactions,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Interactions); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import

diff --git a/docs/componentsguide/interactions/clusterselect/index.md b/docs/componentsguide/interactions/clusterselect/index.md
@@ -23,7 +23,7 @@ import AnimatedClusterDemo from "@demos/AnimatedClusterDemo.vue"
 ## Usage
 
 | Plugin Usage                     |               Explicit Import               |
-|----------------------------------|:-------------------------------------------:|
+| -------------------------------- | :-----------------------------------------: |
 | `<ol-interaction-clusterselect>` | `<Interactions.OlInteractionClusterselect>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/dragbox/index.md b/docs/componentsguide/interactions/dragbox/index.md
@@ -22,7 +22,7 @@ import VectorSourceDemo1 from "@demos/VectorSourceDemo1.vue"
 ## Usage
 
 | Plugin Usage               |            Explicit Import            |
-|----------------------------|:-------------------------------------:|
+| -------------------------- | :-----------------------------------: |
 | `<ol-interaction-dragbox>` | `<Interactions.OlInteractionDragbox>` |
 
 ::: code-group
@@ -83,4 +83,3 @@ onMounted(() => {
 });
 </script>
 ```
-
diff --git a/docs/componentsguide/interactions/dragrotate/index.md b/docs/componentsguide/interactions/dragrotate/index.md
@@ -21,7 +21,7 @@ import DragRotateDemo from "@demos/DragRotateDemo.vue"
 ## Usage
 
 | Plugin Usage                  |             Explicit Import              |
-|-------------------------------|:----------------------------------------:|
+| ----------------------------- | :--------------------------------------: |
 | `<ol-interaction-dragrotate>` | `<Interactions.OlInteractionDragrotate>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/dragrotatezoom/index.md b/docs/componentsguide/interactions/dragrotatezoom/index.md
@@ -21,7 +21,7 @@ import DragRotateZoomDemo from "@demos/DragRotateZoomDemo.vue"
 ## Usage
 
 | Plugin Usage                      |               Explicit Import                |
-|-----------------------------------|:--------------------------------------------:|
+| --------------------------------- | :------------------------------------------: |
 | `<ol-interaction-dragrotatezoom>` | `<Interactions.OlInteractionDragrotatezoom>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/draw/index.md b/docs/componentsguide/interactions/draw/index.md
@@ -20,7 +20,7 @@ import DrawMeasureDemo from "@demos/DrawMeasureDemo.vue"
 ## Usage
 
 | Plugin Usage            |          Explicit Import           |
-|-------------------------|:----------------------------------:|
+| ----------------------- | :--------------------------------: |
 | `<ol-interaction-draw>` | `<Interactions.OlInteractionDraw>` |
 
 ### Example 1: Draw Features

diff --git a/docs/componentsguide/interactions/link/index.md b/docs/componentsguide/interactions/link/index.md
@@ -24,7 +24,7 @@ import ViewDemo from "@demos/ViewDemo.vue"
 ## Usage
 
 | Plugin Usage            |          Explicit Import           |
-|-------------------------|:----------------------------------:|
+| ----------------------- | :--------------------------------: |
 | `<ol-interaction-link>` | `<Interactions.OlInteractionLink>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/modify/index.md b/docs/componentsguide/interactions/modify/index.md
@@ -21,7 +21,7 @@ import SnapModifyDemo from "@demos/SnapModifyDemo.vue"
 ## Usage
 
 | Plugin Usage              |           Explicit Import            |
-|---------------------------|:------------------------------------:|
+| ------------------------- | :----------------------------------: |
 | `<ol-interaction-modify>` | `<Interactions.OlInteractionModify>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/select/index.md b/docs/componentsguide/interactions/select/index.md
@@ -21,7 +21,7 @@ import SelectDemo from "@demos/SelectDemo.vue"
 ## Usage
 
 | Plugin Usage              |           Explicit Import            |
-|---------------------------|:------------------------------------:|
+| ------------------------- | :----------------------------------: |
 | `<ol-interaction-select>` | `<Interactions.OlInteractionSelect>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/snap/index.md b/docs/componentsguide/interactions/snap/index.md
@@ -21,7 +21,7 @@ import SnapModifyDemo from "@demos/SnapModifyDemo.vue"
 ## Usage
 
 | Plugin Usage            |          Explicit Import           |
-|-------------------------|:----------------------------------:|
+| ----------------------- | :--------------------------------: |
 | `<ol-interaction-snap>` | `<Interactions.OlInteractionSnap>` |
 
 ::: code-group

diff --git a/docs/componentsguide/interactions/transform/index.md b/docs/componentsguide/interactions/transform/index.md
@@ -21,7 +21,7 @@ import TransformDemo from "@demos/TransformDemo.vue"
 ## Usage
 
 | Plugin Usage                 |             Explicit Import             |
-|------------------------------|:---------------------------------------:|
+| ---------------------------- | :-------------------------------------: |
 | `<ol-interaction-transform>` | `<Interactions.OlInteractionTransform>` |
 
 ::: code-group