diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 98109c37..878eeef2 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,7 +1,3 @@
 {
-  "recommendations": [
-    "Vue.volar",
-    "vitest.explorer",
-    "esbenp.prettier-vscode"
-  ]
-}
\ No newline at end of file
+  "recommendations": ["Vue.volar", "vitest.explorer", "esbenp.prettier-vscode"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index fef7dacf..49a0f493 100644
--- 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"
-  ]
-}
\ No newline at end of file
+  "editor.codeActionsOnSave": ["source.fixAll.format", "source.fixAll.eslint"]
+}
diff --git a/README.md b/README.md
index 6904e173..cf95de5f 100644
--- 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
index bfdf9dcc..8be9a80d 100644
--- 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
index 11c32ddf..8f2076e2 100644
--- 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
index 8b3c440e..90a23696 100644
--- 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
index 73e45047..c3b81fdf 100644
--- 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
index e4ee1174..ac3f4d91 100644
--- 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
index f6fecd2a..0c0ad9b1 100644
--- 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
index 2075f938..098c016d 100644
--- 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
index 2306dedb..aea5690c 100644
--- 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
index 33d5461b..aee922d7 100644
--- 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
index b09f8337..dcd6836b 100644
--- 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
index 2f337553..660b43fb 100644
--- 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
index 0a2e0bbb..a81d5936 100644
--- 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
index 0bea4e22..5fb2a36e 100644
--- 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
index 4da9c5a7..ee4b4c2b 100644
--- 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
index 05730283..7720771b 100644
--- 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
index 75682c16..41b278c5 100644
--- 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
index a23a9ecb..ee5a9564 100644
--- 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
index 153add04..df778787 100644
--- 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
index 18ca5c83..164141aa 100644
--- 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
index 66ea33f3..fe899f13 100644
--- 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
index 72d5b526..7cec38bc 100644
--- 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
index 43946784..7b899be4 100644
--- 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
index 51426bf6..cc946514 100644
--- 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
index c1cf1174..78774895 100644
--- 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
index c91ad712..216478a4 100644
--- 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
index 7260a275..85b9138a 100644
--- 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
index daaf9ebc..4de67993 100644
--- 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
index 7dced42e..7b023594 100644
--- 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
index faf9a87d..e6eb57b2 100644
--- 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
diff --git a/docs/componentsguide/layers.plugin.md b/docs/componentsguide/layers.plugin.md
index e76cf3f5..5ebfd9a1 100644
--- a/docs/componentsguide/layers.plugin.md
+++ b/docs/componentsguide/layers.plugin.md
@@ -1,25 +1,27 @@
-
 ### Plugin usage
 
 This component is part of the `Layers` 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 `Layers` plugin
+
 ```ts {6,12} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:6]
+import {
+  // [!code focus:6]
   Map,
   Layers,
-  Sources
-} from 'vue3-openlayers';
+  Sources,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Layers); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import
@@ -30,4 +32,3 @@ It's available as a child of the named export `Layers`.
 > [!NOTE]
 > The following documentation refers to the plugin usage.
 > Please make sure to adopt the component names, when you decided to use explicit component imports (e. g. `<ol-map>` becomes `<Map.OlMap>` etc.).
-
diff --git a/docs/componentsguide/layers/animatedclusterlayer/index.md b/docs/componentsguide/layers/animatedclusterlayer/index.md
index 7ef6ec2d..dfcfd315 100644
--- a/docs/componentsguide/layers/animatedclusterlayer/index.md
+++ b/docs/componentsguide/layers/animatedclusterlayer/index.md
@@ -25,7 +25,7 @@ import AnimatedClusterDemo from "@demos/AnimatedClusterDemo.vue"
 ## Usage
 
 | Plugin Usage                 |          Explicit Import          |
-|------------------------------|:---------------------------------:|
+| ---------------------------- | :-------------------------------: |
 | `<ol-animated-clusterlayer>` | `<Layers.OlAnimatedClusterlayer>` |
 
 ::: code-group
diff --git a/docs/componentsguide/layers/group/index.md b/docs/componentsguide/layers/group/index.md
index 73261769..f63219bd 100644
--- a/docs/componentsguide/layers/group/index.md
+++ b/docs/componentsguide/layers/group/index.md
@@ -20,7 +20,7 @@ import TileJSONDemo from "@demos/TileJSONDemo.vue"
 ## Usage
 
 | Plugin Usage       |     Explicit Import     |
-|--------------------|:-----------------------:|
+| ------------------ | :---------------------: |
 | `<ol-layer-group>` | `<Layers.OlLayerGroup>` |
 
 The example below shows how you can apply common styles / behavior on multiple layers.
diff --git a/docs/componentsguide/layers/heatmaplayer/index.md b/docs/componentsguide/layers/heatmaplayer/index.md
index 0434c45e..adde663b 100644
--- a/docs/componentsguide/layers/heatmaplayer/index.md
+++ b/docs/componentsguide/layers/heatmaplayer/index.md
@@ -21,7 +21,7 @@ import HeatmapLayerDemo from "@demos/HeatmapLayerDemo.vue"
 ## Usage
 
 | Plugin Usage         |      Explicit Import      |
-|----------------------|:-------------------------:|
+| -------------------- | :-----------------------: |
 | `<ol-heatmap-layer>` | `<Layers.OlHeatmapLayer>` |
 
 Example below shows how you can use ol-heatmap-layer and ol-source-vector to render a heatmap from a backend source.
diff --git a/docs/componentsguide/layers/imagelayer/index.md b/docs/componentsguide/layers/imagelayer/index.md
index 87fc8cfa..ef1b577d 100644
--- a/docs/componentsguide/layers/imagelayer/index.md
+++ b/docs/componentsguide/layers/imagelayer/index.md
@@ -21,7 +21,7 @@ import ImageLayerDemo from "@demos/ImageLayerDemo.vue"
 ## Usage
 
 | Plugin Usage       |     Explicit Import     |
-|--------------------|:-----------------------:|
+| ------------------ | :---------------------: |
 | `<ol-image-layer>` | `<Layers.OlImageLayer>` |
 
 Example below shows how to use ol-image-layer component together with ol-source-image-static to render custom image on the map. The map view is configured with a custom projection that translates image coordinates directly into map coordinates.
diff --git a/docs/componentsguide/layers/tilelayer/index.md b/docs/componentsguide/layers/tilelayer/index.md
index 9cc6dbc2..7ae11b29 100644
--- a/docs/componentsguide/layers/tilelayer/index.md
+++ b/docs/componentsguide/layers/tilelayer/index.md
@@ -20,7 +20,7 @@ import TileLayerDemo from "@demos/TileLayerDemo.vue"
 ## Usage
 
 | Plugin Usage      |    Explicit Import     |
-|-------------------|:----------------------:|
+| ----------------- | :--------------------: |
 | `<ol-tile-layer>` | `<Layers.OlTileLayer>` |
 
 Example below shows how to use ol-layer-tile component together with ol-source-wmts and with ol-source-osm.
diff --git a/docs/componentsguide/layers/vectorimagelayer/index.md b/docs/componentsguide/layers/vectorimagelayer/index.md
index 2b7df69f..de4107aa 100644
--- a/docs/componentsguide/layers/vectorimagelayer/index.md
+++ b/docs/componentsguide/layers/vectorimagelayer/index.md
@@ -23,7 +23,7 @@ import VectorSourceDemo4 from "@demos/VectorSourceDemo4.vue"
 ## Usage
 
 | Plugin Usage              |        Explicit Import        |
-|---------------------------|:-----------------------------:|
+| ------------------------- | :---------------------------: |
 | `<ol-vector-image-layer>` | `<Layers.OlVectorImageLayer>` |
 
 Example below shows how you can use ol-vector-layer and ol-source-vector to render some vector features from remote backend.
diff --git a/docs/componentsguide/layers/vectorlayer/index.md b/docs/componentsguide/layers/vectorlayer/index.md
index 3fa018dc..6b1a4c0b 100644
--- a/docs/componentsguide/layers/vectorlayer/index.md
+++ b/docs/componentsguide/layers/vectorlayer/index.md
@@ -18,7 +18,7 @@ import FeatureSelectDemo from "@demos/FeatureSelectDemo.vue"
 ## Usage
 
 | Plugin Usage        |     Explicit Import      |
-|---------------------|:------------------------:|
+| ------------------- | :----------------------: |
 | `<ol-vector-layer>` | `<Layers.OlVectorLayer>` |
 
 ### Example 1
diff --git a/docs/componentsguide/layers/vectortilelayer/index.md b/docs/componentsguide/layers/vectortilelayer/index.md
index 37a3d360..d2617a05 100644
--- a/docs/componentsguide/layers/vectortilelayer/index.md
+++ b/docs/componentsguide/layers/vectortilelayer/index.md
@@ -18,7 +18,7 @@ import FeatureSelectDemo from "@demos/FeatureSelectDemo.vue"
 ## Usage
 
 | Plugin Usage             |       Explicit Import        |
-|--------------------------|:----------------------------:|
+| ------------------------ | :--------------------------: |
 | `<ol-vector-tile-layer>` | `<Layers.OlVectorTileLayer>` |
 
 ### Example 1
diff --git a/docs/componentsguide/layers/webgltilelayer/index.md b/docs/componentsguide/layers/webgltilelayer/index.md
index 6cb1f7bb..149500a0 100644
--- a/docs/componentsguide/layers/webgltilelayer/index.md
+++ b/docs/componentsguide/layers/webgltilelayer/index.md
@@ -20,7 +20,7 @@ import GeoTIFFDemo from "@demos/GeoTIFFDemo.vue"
 ## Usage
 
 | Plugin Usage            |       Explicit Import       |
-|-------------------------|:---------------------------:|
+| ----------------------- | :-------------------------: |
 | `<ol-webgl-tile-layer>` | `<Layers.OlWebglTileLayer>` |
 
 ::: code-group
diff --git a/docs/componentsguide/layers/webglvectorlayer/index.md b/docs/componentsguide/layers/webglvectorlayer/index.md
index 4e5be809..b517e940 100644
--- a/docs/componentsguide/layers/webglvectorlayer/index.md
+++ b/docs/componentsguide/layers/webglvectorlayer/index.md
@@ -14,7 +14,7 @@ For more information please checkout the [`ol-source-vector` docs](../../sources
 ## Usage
 
 | Plugin Usage              |        Explicit Import        |
-|---------------------------|:-----------------------------:|
+| ------------------------- | :---------------------------: |
 | `<ol-webgl-vector-layer>` | `<Layers.OlWebglVectorLayer>` |
 
 ### WebGL Points, Lines, Polygons
diff --git a/docs/componentsguide/map.plugin.md b/docs/componentsguide/map.plugin.md
index 1c3e09e1..f26f0ac4 100644
--- a/docs/componentsguide/map.plugin.md
+++ b/docs/componentsguide/map.plugin.md
@@ -1,25 +1,27 @@
-
 ### Plugin usage
 
 This component is part of the `Map` 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 `Map` plugin
+
 ```ts {5,12} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:5]
+import {
+  // [!code focus:5]
   Map,
   Layers,
-  Sources
-} from 'vue3-openlayers';
+  Sources,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Map); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import
@@ -30,4 +32,3 @@ It's available as a child of the named export `Map`.
 > [!NOTE]
 > The following documentation refers to the plugin usage.
 > Please make sure to adopt the component names, when you decided to use explicit component imports (e. g. `<ol-map>` becomes `<Map.OlMap>` etc.).
-
diff --git a/docs/componentsguide/map/index.md b/docs/componentsguide/map/index.md
index 5e17e5aa..d7b3814d 100644
--- a/docs/componentsguide/map/index.md
+++ b/docs/componentsguide/map/index.md
@@ -25,7 +25,7 @@ import ViewDemo from "@demos/ViewDemo.vue"
 ## Usage
 
 | Plugin Usage | Explicit Import |
-|--------------|:---------------:|
+| ------------ | :-------------: |
 | `<ol-map>`   |  `<Map.OlMap>`  |
 
 Example of a simple map.
diff --git a/docs/componentsguide/mapcontrols.plugin.md b/docs/componentsguide/mapcontrols.plugin.md
index f9a24720..4ba9c742 100644
--- a/docs/componentsguide/mapcontrols.plugin.md
+++ b/docs/componentsguide/mapcontrols.plugin.md
@@ -1,26 +1,28 @@
-
 ### Plugin usage
 
 This component is part of the `MapControls` 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 `MapControls` 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,
-  MapControls
-} from 'vue3-openlayers';
+  MapControls,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(MapControls); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import
diff --git a/docs/componentsguide/mapcontrols/attribution/index.md b/docs/componentsguide/mapcontrols/attribution/index.md
index e38aed91..a5062ad8 100644
--- a/docs/componentsguide/mapcontrols/attribution/index.md
+++ b/docs/componentsguide/mapcontrols/attribution/index.md
@@ -20,7 +20,7 @@ import AttributionControlDemo from "@demos/AttributionControlDemo.vue"
 ## Usage
 
 | Plugin Usage               |           Explicit Import            |
-|----------------------------|:------------------------------------:|
+| -------------------------- | :----------------------------------: |
 | `<ol-attribution-control>` | `<MapControls.OlAttributionControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/contextmenu/index.md b/docs/componentsguide/mapcontrols/contextmenu/index.md
index af6402c7..c9c7da2e 100644
--- a/docs/componentsguide/mapcontrols/contextmenu/index.md
+++ b/docs/componentsguide/mapcontrols/contextmenu/index.md
@@ -22,7 +22,7 @@ import ContextMenuDemo from "@demos/ContextMenuDemo.vue"
 ## Usage
 
 | Plugin Usage                |           Explicit Import            |
-|-----------------------------|:------------------------------------:|
+| --------------------------- | :----------------------------------: |
 | `<ol-context-menu-control>` | `<MapControls.OlContextMenuControl>` |
 
 Add context menu to map
diff --git a/docs/componentsguide/mapcontrols/controlbar/index.md b/docs/componentsguide/mapcontrols/controlbar/index.md
index 5537550b..71c25e3b 100644
--- a/docs/componentsguide/mapcontrols/controlbar/index.md
+++ b/docs/componentsguide/mapcontrols/controlbar/index.md
@@ -20,7 +20,7 @@ import ControlBarDemo from "@demos/ControlBarDemo.vue"
 ## Usage
 
 | Plugin Usage       |       Explicit Import        |
-|--------------------|:----------------------------:|
+| ------------------ | :--------------------------: |
 | `<ol-control-bar>` | `<MapControls.OlControlBar>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/fullscreen/index.md b/docs/componentsguide/mapcontrols/fullscreen/index.md
index e437851b..8f1d4010 100644
--- a/docs/componentsguide/mapcontrols/fullscreen/index.md
+++ b/docs/componentsguide/mapcontrols/fullscreen/index.md
@@ -20,7 +20,7 @@ import FullscreenControlDemo from "@demos/FullscreenControlDemo.vue"
 ## Usage
 
 | Plugin Usage              |           Explicit Import           |
-|---------------------------|:-----------------------------------:|
+| ------------------------- | :---------------------------------: |
 | `<ol-fullscreen-control>` | `<MapControls.OlFullscreenControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/layerswitcher/index.md b/docs/componentsguide/mapcontrols/layerswitcher/index.md
index 2ee12f6d..a07a3d3e 100644
--- a/docs/componentsguide/mapcontrols/layerswitcher/index.md
+++ b/docs/componentsguide/mapcontrols/layerswitcher/index.md
@@ -20,7 +20,7 @@ import LayerswitcherControlDemo from "@demos/LayerswitcherControlDemo.vue"
 ## Usage
 
 | Plugin Usage                 |            Explicit Import             |
-|------------------------------|:--------------------------------------:|
+| ---------------------------- | :------------------------------------: |
 | `<ol-layerswitcher-control>` | `<MapControls.OlLayerswitcherControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/layerswitcherimage/index.md b/docs/componentsguide/mapcontrols/layerswitcherimage/index.md
index 21de7816..a1984778 100644
--- a/docs/componentsguide/mapcontrols/layerswitcherimage/index.md
+++ b/docs/componentsguide/mapcontrols/layerswitcherimage/index.md
@@ -22,7 +22,7 @@ import LayerswitcherimageControlDemo from "@demos/LayerswitcherimageControlDemo.
 ## Usage
 
 | Plugin Usage                      |               Explicit Import               |
-|-----------------------------------|:-------------------------------------------:|
+| --------------------------------- | :-----------------------------------------: |
 | `<ol-layerswitcherimage-control>` | `<MapControls.OlLayerswitcherimageControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/mouseposition/index.md b/docs/componentsguide/mapcontrols/mouseposition/index.md
index 53529b8d..b92c36e1 100644
--- a/docs/componentsguide/mapcontrols/mouseposition/index.md
+++ b/docs/componentsguide/mapcontrols/mouseposition/index.md
@@ -20,7 +20,7 @@ import MousepositionControlDemo from "@demos/MousepositionControlDemo.vue"
 ## Usage
 
 | Plugin Usage                 |            Explicit Import             |
-|------------------------------|:--------------------------------------:|
+| ---------------------------- | :------------------------------------: |
 | `<ol-mouseposition-control>` | `<MapControls.OlMousepositionControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/overviewmap/index.md b/docs/componentsguide/mapcontrols/overviewmap/index.md
index d6b908ce..e4c46e0c 100644
--- a/docs/componentsguide/mapcontrols/overviewmap/index.md
+++ b/docs/componentsguide/mapcontrols/overviewmap/index.md
@@ -20,7 +20,7 @@ import OverviewmapControlDemo from "@demos/OverviewmapControlDemo.vue"
 ## Usage
 
 | Plugin Usage               |           Explicit Import            |
-|----------------------------|:------------------------------------:|
+| -------------------------- | :----------------------------------: |
 | `<ol-overviewmap-control>` | `<MapControls.OlOverviewmapControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/printdialog/index.md b/docs/componentsguide/mapcontrols/printdialog/index.md
index b8de8555..06c0c3c1 100644
--- a/docs/componentsguide/mapcontrols/printdialog/index.md
+++ b/docs/componentsguide/mapcontrols/printdialog/index.md
@@ -20,7 +20,7 @@ import PrintdialogControlDemo from "@demos/PrintdialogControlDemo.vue"
 ## Usage
 
 | Plugin Usage               |           Explicit Import            |
-|----------------------------|:------------------------------------:|
+| -------------------------- | :----------------------------------: |
 | `<ol-printdialog-control>` | `<MapControls.OlPrintdialogControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/profile/index.md b/docs/componentsguide/mapcontrols/profile/index.md
index f73f3b3a..62159cc8 100644
--- a/docs/componentsguide/mapcontrols/profile/index.md
+++ b/docs/componentsguide/mapcontrols/profile/index.md
@@ -20,7 +20,7 @@ import ProfileControlDemo from "@demos/ProfileControlDemo.vue"
 ## Usage
 
 | Plugin Usage           |         Explicit Import          |
-|------------------------|:--------------------------------:|
+| ---------------------- | :------------------------------: |
 | `<ol-profile-control>` | `<MapControls.OlProfileControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/rotate/index.md b/docs/componentsguide/mapcontrols/rotate/index.md
index 9b085325..378d5477 100644
--- a/docs/componentsguide/mapcontrols/rotate/index.md
+++ b/docs/componentsguide/mapcontrols/rotate/index.md
@@ -20,7 +20,7 @@ import RotateControlDemo from "@demos/RotateControlDemo.vue"
 ## Usage
 
 | Plugin Usage          |         Explicit Import         |
-|-----------------------|:-------------------------------:|
+| --------------------- | :-----------------------------: |
 | `<ol-rotate-control>` | `<MapControls.OlRotateControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/scaleline/index.md b/docs/componentsguide/mapcontrols/scaleline/index.md
index 56d1ef89..65947279 100644
--- a/docs/componentsguide/mapcontrols/scaleline/index.md
+++ b/docs/componentsguide/mapcontrols/scaleline/index.md
@@ -20,7 +20,7 @@ import ScalelineControlDemo from "@demos/ScalelineControlDemo.vue"
 ## Usage
 
 | Plugin Usage             |          Explicit Import           |
-|--------------------------|:----------------------------------:|
+| ------------------------ | :--------------------------------: |
 | `<ol-scaleline-control>` | `<MapControls.OlScalelineControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/search/index.md b/docs/componentsguide/mapcontrols/search/index.md
index e0f4cb75..26cb8463 100644
--- a/docs/componentsguide/mapcontrols/search/index.md
+++ b/docs/componentsguide/mapcontrols/search/index.md
@@ -20,7 +20,7 @@ import SearchControlDemo from "@demos/SearchControlDemo.vue"
 ## Usage
 
 | Plugin Usage          |         Explicit Import         |
-|-----------------------|:-------------------------------:|
+| --------------------- | :-----------------------------: |
 | `<ol-search-control>` | `<MapControls.OlSearchControl>` |
 
 ::: code-group
@@ -54,7 +54,7 @@ Emits when selecting an item from the list of search results.
 <template>
   <ol-map ref="map" style="height: 400px">
     <!-- ... -->
-    <ol-search-control :autocomplete="autocomplete" @select="select"/>
+    <ol-search-control :autocomplete="autocomplete" @select="select" />
   </ol-map>
 </template>
 
diff --git a/docs/componentsguide/mapcontrols/swipe/index.md b/docs/componentsguide/mapcontrols/swipe/index.md
index 23352dbd..ca00d8de 100644
--- a/docs/componentsguide/mapcontrols/swipe/index.md
+++ b/docs/componentsguide/mapcontrols/swipe/index.md
@@ -20,7 +20,7 @@ import SwipeControlDemo from "@demos/SwipeControlDemo.vue"
 ## Usage
 
 | Plugin Usage         |        Explicit Import         |
-|----------------------|:------------------------------:|
+| -------------------- | :----------------------------: |
 | `<ol-swipe-control>` | `<MapControls.OlSwipeControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/toggle/index.md b/docs/componentsguide/mapcontrols/toggle/index.md
index 55426a39..55c8b12d 100644
--- a/docs/componentsguide/mapcontrols/toggle/index.md
+++ b/docs/componentsguide/mapcontrols/toggle/index.md
@@ -20,7 +20,7 @@ import ToggleControlDemo from "@demos/ToggleControlDemo.vue"
 ## Usage
 
 | Plugin Usage          |         Explicit Import         |
-|-----------------------|:-------------------------------:|
+| --------------------- | :-----------------------------: |
 | `<ol-toggle-control>` | `<MapControls.OlToggleControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/videorecorder/index.md b/docs/componentsguide/mapcontrols/videorecorder/index.md
index 6283ee01..0ab846f4 100644
--- a/docs/componentsguide/mapcontrols/videorecorder/index.md
+++ b/docs/componentsguide/mapcontrols/videorecorder/index.md
@@ -20,7 +20,7 @@ import VideorecorderControlDemo from "@demos/VideorecorderControlDemo.vue"
 ## Usage
 
 | Plugin Usage                 |            Explicit Import             |
-|------------------------------|:--------------------------------------:|
+| ---------------------------- | :------------------------------------: |
 | `<ol-videorecorder-control>` | `<MapControls.OlVideorecorderControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/zone/index.md b/docs/componentsguide/mapcontrols/zone/index.md
index 840ade15..a36ee24d 100644
--- a/docs/componentsguide/mapcontrols/zone/index.md
+++ b/docs/componentsguide/mapcontrols/zone/index.md
@@ -20,7 +20,7 @@ import ZoneControlDemo from "@demos/ZoneControlDemo.vue"
 ## Usage
 
 | Plugin Usage        |        Explicit Import        |
-|---------------------|:-----------------------------:|
+| ------------------- | :---------------------------: |
 | `<ol-zone-control>` | `<MapControls.OlZoneControl>` |
 
 Add context menu to map
diff --git a/docs/componentsguide/mapcontrols/zoom/index.md b/docs/componentsguide/mapcontrols/zoom/index.md
index 5b1d9652..133e83c2 100644
--- a/docs/componentsguide/mapcontrols/zoom/index.md
+++ b/docs/componentsguide/mapcontrols/zoom/index.md
@@ -20,7 +20,7 @@ import ZoomControlDemo from "@demos/ZoomControlDemo.vue"
 ## Usage
 
 | Plugin Usage        |        Explicit Import        |
-|---------------------|:-----------------------------:|
+| ------------------- | :---------------------------: |
 | `<ol-zoom-control>` | `<MapControls.OlZoomControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/zoomslider/index.md b/docs/componentsguide/mapcontrols/zoomslider/index.md
index 431c3114..f9a3bdf1 100644
--- a/docs/componentsguide/mapcontrols/zoomslider/index.md
+++ b/docs/componentsguide/mapcontrols/zoomslider/index.md
@@ -20,7 +20,7 @@ import ZoomsliderControlDemo from "@demos/ZoomsliderControlDemo.vue"
 ## Usage
 
 | Plugin Usage              |           Explicit Import           |
-|---------------------------|:-----------------------------------:|
+| ------------------------- | :---------------------------------: |
 | `<ol-zoomslider-control>` | `<MapControls.OlZoomsliderControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/mapcontrols/zoomtoextent/index.md b/docs/componentsguide/mapcontrols/zoomtoextent/index.md
index bc4cacec..73ec6e4d 100644
--- a/docs/componentsguide/mapcontrols/zoomtoextent/index.md
+++ b/docs/componentsguide/mapcontrols/zoomtoextent/index.md
@@ -20,7 +20,7 @@ import ZoomtoextentControlDemo from "@demos/ZoomtoextentControlDemo.vue"
 ## Usage
 
 | Plugin Usage                |            Explicit Import            |
-|-----------------------------|:-------------------------------------:|
+| --------------------------- | :-----------------------------------: |
 | `<ol-zoomtoextent-control>` | `<MapControls.OlZoomtoextentControl>` |
 
 ::: code-group
diff --git a/docs/componentsguide/overlay/index.md b/docs/componentsguide/overlay/index.md
index 47043b13..206e7e78 100644
--- a/docs/componentsguide/overlay/index.md
+++ b/docs/componentsguide/overlay/index.md
@@ -19,7 +19,7 @@ import DrawMeasureDemo from "@demos/DrawMeasureDemo.vue"
 ## Usage
 
 | Plugin Usage   |  Explicit Import  |
-|----------------|:-----------------:|
+| -------------- | :---------------: |
 | `<ol-overlay>` | `<Map.OlOverlay>` |
 
 ### Example 1: Overlay Content
diff --git a/docs/componentsguide/projection/index.md b/docs/componentsguide/projection/index.md
index dbb7217c..f955581b 100644
--- a/docs/componentsguide/projection/index.md
+++ b/docs/componentsguide/projection/index.md
@@ -23,7 +23,7 @@ import ProjectionRegisterDemo from "@demos/ProjectionRegisterDemo.vue"
 ## Usage
 
 | Plugin Usage               |       Explicit Import        |
-|----------------------------|:----------------------------:|
+| -------------------------- | :--------------------------: |
 | `<ol-projection-register>` | `<Map.OlProjectionRegister>` |
 
 Example below shows how to register and use a custom projection on to the map.
diff --git a/docs/componentsguide/sources.plugin.md b/docs/componentsguide/sources.plugin.md
index 3bf9d68a..439f6cb8 100644
--- a/docs/componentsguide/sources.plugin.md
+++ b/docs/componentsguide/sources.plugin.md
@@ -1,25 +1,27 @@
-
 ### Plugin usage
 
 This component is part of the `Sources` 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 `Sources` plugin
+
 ```ts {7,12} [main.ts]
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import { // [!code focus:6]
+import {
+  // [!code focus:6]
   Map,
   Layers,
-  Sources
-} from 'vue3-openlayers';
+  Sources,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Sources); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import
diff --git a/docs/componentsguide/sources/arcgisrest/index.md b/docs/componentsguide/sources/arcgisrest/index.md
index f0d852e4..fb611de4 100644
--- a/docs/componentsguide/sources/arcgisrest/index.md
+++ b/docs/componentsguide/sources/arcgisrest/index.md
@@ -23,7 +23,7 @@ import TileArcGISRestSourceDemo from "@demos/TileArcGISRestSourceDemo.vue"
 ## Usage
 
 | Plugin Usage                   |          Explicit Import           |
-|--------------------------------|:----------------------------------:|
+| ------------------------------ | :--------------------------------: |
 | `<ol-source-tile-arcgis-rest>` | `<Sources.OlSourceTileArcgisRest>` |
 
 Example of `ol-source-tile-arcgis-rest` usage. Information about the arcgis service used, available at https://pkk.rosreestr.ru/arcgis/rest/services/PKK6/CadastreObjects/MapServer.
diff --git a/docs/componentsguide/sources/bing/index.md b/docs/componentsguide/sources/bing/index.md
index 05ab6418..7a242ac7 100644
--- a/docs/componentsguide/sources/bing/index.md
+++ b/docs/componentsguide/sources/bing/index.md
@@ -24,7 +24,7 @@ import BingMapsDemo from "@demos/BingMapsDemo.vue"
 ## Usage
 
 | Plugin Usage           |       Explicit Import        |
-|------------------------|:----------------------------:|
+| ---------------------- | :--------------------------: |
 | `<ol-source-bingmaps>` | `<Sources.OlSourceBingmaps>` |
 
 Example of `ol-source-bingmaps` usage
diff --git a/docs/componentsguide/sources/cluster/index.md b/docs/componentsguide/sources/cluster/index.md
index aece77b0..4ab8527d 100644
--- a/docs/componentsguide/sources/cluster/index.md
+++ b/docs/componentsguide/sources/cluster/index.md
@@ -24,7 +24,7 @@ import ClusterDemo from "@demos/ClusterDemo.vue"
 ## Usage
 
 | Plugin Usage          |       Explicit Import       |
-|-----------------------|:---------------------------:|
+| --------------------- | :-------------------------: |
 | `<ol-source-cluster>` | `<Sources.OlSourceCluster>` |
 
 This example shows how to do clustering on 1000 point features.
diff --git a/docs/componentsguide/sources/geotiff/index.md b/docs/componentsguide/sources/geotiff/index.md
index 4300ad1a..aad8bccd 100644
--- a/docs/componentsguide/sources/geotiff/index.md
+++ b/docs/componentsguide/sources/geotiff/index.md
@@ -21,7 +21,7 @@ import GeoTIFFDemo from "@demos/GeoTIFFDemo.vue"
 ## Usage
 
 | Plugin Usage           |       Explicit Import       |
-|------------------------|:---------------------------:|
+| ---------------------- | :-------------------------: |
 | `<ol-source-geo-tiff>` | `<Sources.OlSourceGeoTiff>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/imagestatic/index.md b/docs/componentsguide/sources/imagestatic/index.md
index 4cd07e1c..643d8395 100644
--- a/docs/componentsguide/sources/imagestatic/index.md
+++ b/docs/componentsguide/sources/imagestatic/index.md
@@ -21,7 +21,7 @@ import ImageLayerDemo from "@demos/ImageLayerDemo.vue"
 ## Usage
 
 | Plugin Usage               |         Explicit Import         |
-|----------------------------|:-------------------------------:|
+| -------------------------- | :-----------------------------: |
 | `<ol-source-image-static>` | `<Sources.OlSourceImageStatic>` |
 
 Example below shows how to use ol-image-layer component together with ol-source-image-static to render custom image on the map.
diff --git a/docs/componentsguide/sources/imagewms/index.md b/docs/componentsguide/sources/imagewms/index.md
index 500bccaa..3c18e4ea 100644
--- a/docs/componentsguide/sources/imagewms/index.md
+++ b/docs/componentsguide/sources/imagewms/index.md
@@ -21,7 +21,7 @@ import ImageWMSDemo from "@demos/ImageWMSDemo.vue"
 ## Usage
 
 | Plugin Usage            |       Explicit Import        |
-|-------------------------|:----------------------------:|
+| ----------------------- | :--------------------------: |
 | `<ol-source-image-wms>` | `<Sources.OlSourceImageWms>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/osm/index.md b/docs/componentsguide/sources/osm/index.md
index 5f75e609..5a229c31 100644
--- a/docs/componentsguide/sources/osm/index.md
+++ b/docs/componentsguide/sources/osm/index.md
@@ -21,7 +21,7 @@ import ViewDemo from "@demos/ViewDemo.vue"
 ## Usage
 
 | Plugin Usage      |     Explicit Import     |
-|-------------------|:-----------------------:|
+| ----------------- | :---------------------: |
 | `<ol-source-osm>` | `<Sources.OlSourceOsm>` |
 
 Loading a simple OSM base layer.
diff --git a/docs/componentsguide/sources/stadiamaps/index.md b/docs/componentsguide/sources/stadiamaps/index.md
index 6010f527..253e9fb2 100644
--- a/docs/componentsguide/sources/stadiamaps/index.md
+++ b/docs/componentsguide/sources/stadiamaps/index.md
@@ -21,7 +21,7 @@ import StadiaMapsDemo from "@demos/StadiaMapsDemo.vue"
 ## Usage
 
 | Plugin Usage              |        Explicit Import         |
-|---------------------------|:------------------------------:|
+| ------------------------- | :----------------------------: |
 | `<ol-source-stadia-maps>` | `<Sources.OlSourceStadiaMaps>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/tianditu/index.md b/docs/componentsguide/sources/tianditu/index.md
index 064dd444..f7027a6a 100644
--- a/docs/componentsguide/sources/tianditu/index.md
+++ b/docs/componentsguide/sources/tianditu/index.md
@@ -24,7 +24,7 @@ import TiandituDemo from "@demos/TiandituDemo.vue"
 ## Usage
 
 | Plugin Usage           |       Explicit Import        |
-|------------------------|:----------------------------:|
+| ---------------------- | :--------------------------: |
 | `<ol-source-tianditu>` | `<Sources.OlSourceTianditu>` |
 
 Example of `ol-source-tianditu` usage
diff --git a/docs/componentsguide/sources/tiledebug/index.md b/docs/componentsguide/sources/tiledebug/index.md
index f99fb719..8e78291f 100644
--- a/docs/componentsguide/sources/tiledebug/index.md
+++ b/docs/componentsguide/sources/tiledebug/index.md
@@ -25,7 +25,7 @@ import ProjectionRegisterDemo from "@demos/ProjectionRegisterDemo.vue"
 ## Usage
 
 | Plugin Usage             |        Explicit Import        |
-|--------------------------|:-----------------------------:|
+| ------------------------ | :---------------------------: |
 | `<ol-source-tile-debug>` | `<Sources.OlSourceTileDebug>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/tilejson/index.md b/docs/componentsguide/sources/tilejson/index.md
index 635d5f7f..509836c3 100644
--- a/docs/componentsguide/sources/tilejson/index.md
+++ b/docs/componentsguide/sources/tilejson/index.md
@@ -21,7 +21,7 @@ import TileJSONDemo from "@demos/TileJSONDemo.vue"
 ## Usage
 
 | Plugin Usage            |       Explicit Import        |
-|-------------------------|:----------------------------:|
+| ----------------------- | :--------------------------: |
 | `<ol-source-tile-json>` | `<Sources.OlSourceTileJson>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/tilewms/index.md b/docs/componentsguide/sources/tilewms/index.md
index ed43e5cc..2ede5451 100644
--- a/docs/componentsguide/sources/tilewms/index.md
+++ b/docs/componentsguide/sources/tilewms/index.md
@@ -21,7 +21,7 @@ import TileWMSDemo from "@demos/TileWMSDemo.vue"
 ## Usage
 
 | Plugin Usage           |       Explicit Import       |
-|------------------------|:---------------------------:|
+| ---------------------- | :-------------------------: |
 | `<ol-source-tile-wms>` | `<Sources.OlSourceTileWms>` |
 
 ::: code-group
diff --git a/docs/componentsguide/sources/vector/index.md b/docs/componentsguide/sources/vector/index.md
index 60e1fea9..70e6c5f3 100644
--- a/docs/componentsguide/sources/vector/index.md
+++ b/docs/componentsguide/sources/vector/index.md
@@ -21,7 +21,7 @@ import AnimatedClusterDemo2 from "@demos/AnimatedClusterDemo2.vue"
 ## Usage
 
 | Plugin Usage         |      Explicit Import       |
-|----------------------|:--------------------------:|
+| -------------------- | :------------------------: |
 | `<ol-source-vector>` | `<Sources.OlSourceVector>` |
 
 ### `ol-feature` component (GeoJSON)
diff --git a/docs/componentsguide/sources/vectortile/index.md b/docs/componentsguide/sources/vectortile/index.md
index bdb8a74f..948763f4 100644
--- a/docs/componentsguide/sources/vectortile/index.md
+++ b/docs/componentsguide/sources/vectortile/index.md
@@ -20,7 +20,7 @@ import VectorTileLayerDemo from "@demos/VectorTileLayerDemo.vue"
 ## Usage
 
 | Plugin Usage              |        Explicit Import         |
-|---------------------------|:------------------------------:|
+| ------------------------- | :----------------------------: |
 | `<ol-source-vector-tile>` | `<Sources.OlSourceVectorTile>` |
 
 Example below shows how you can use ol-vector-tile-layer and ol-source-vector-tile to render some vector-tile features from remote backend.
diff --git a/docs/componentsguide/sources/wmts/index.md b/docs/componentsguide/sources/wmts/index.md
index c1d5e2ce..ff2fb039 100644
--- a/docs/componentsguide/sources/wmts/index.md
+++ b/docs/componentsguide/sources/wmts/index.md
@@ -21,7 +21,7 @@ import TileLayerDemo from "@demos/TileLayerDemo.vue"
 ## Usage
 
 | Plugin Usage       |     Explicit Import      |
-|--------------------|:------------------------:|
+| ------------------ | :----------------------: |
 | `<ol-source-wmts>` | `<Sources.OlSourceWmts>` |
 
 Example below shows how to use ol-layer-tile component together with ol-source-wmts and with ol-source-osm.
diff --git a/docs/componentsguide/sources/xyz/index.md b/docs/componentsguide/sources/xyz/index.md
index 70e11bce..dba974cc 100644
--- a/docs/componentsguide/sources/xyz/index.md
+++ b/docs/componentsguide/sources/xyz/index.md
@@ -23,7 +23,7 @@ import XYZSourceDemo from "@demos/XYZSourceDemo.vue"
 ## Usage
 
 | Plugin Usage      |     Explicit Import     |
-|-------------------|:-----------------------:|
+| ----------------- | :---------------------: |
 | `<ol-source-xyz>` | `<Sources.OlSourceXyz>` |
 
 Example of ol-source-xyz loading OSM tiles (Note that if you need an OSM layer you're better off using ol-source-osm, this is for demonstration purposes only).
diff --git a/docs/componentsguide/styles.plugin.md b/docs/componentsguide/styles.plugin.md
index 512c39a5..8ae30509 100644
--- a/docs/componentsguide/styles.plugin.md
+++ b/docs/componentsguide/styles.plugin.md
@@ -1,26 +1,28 @@
-
 ### Plugin usage
 
 This component is part of the `Styles` 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 `Styles` 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,
-  Styles
-} from 'vue3-openlayers';
+  Styles,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 // ...
 app.use(Styles); // [!code focus]
 // ...
 ```
+
 :::
 
 ### Explicit import
diff --git a/docs/componentsguide/styles/circle/index.md b/docs/componentsguide/styles/circle/index.md
index 3dd89b8e..b4bf7c27 100644
--- a/docs/componentsguide/styles/circle/index.md
+++ b/docs/componentsguide/styles/circle/index.md
@@ -23,7 +23,7 @@ import GeomPoint from "@demos/GeomPoint.vue"
 ## Usage
 
 | Plugin Usage        |     Explicit Import      |
-|---------------------|:------------------------:|
+| ------------------- | :----------------------: |
 | `<ol-style-circle>` | `<Styles.OlStyleCircle>` |
 
 Styling a feature inside a vector layer.
diff --git a/docs/componentsguide/styles/fill/index.md b/docs/componentsguide/styles/fill/index.md
index 83e3ea98..fa996a41 100644
--- a/docs/componentsguide/styles/fill/index.md
+++ b/docs/componentsguide/styles/fill/index.md
@@ -22,7 +22,7 @@ import MultiPoint from "@demos/MultiPoint.vue"
 ## Usage
 
 | Plugin Usage      |    Explicit Import     |
-|-------------------|:----------------------:|
+| ----------------- | :--------------------: |
 | `<ol-style-fill>` | `<Styles.OlStyleFill>` |
 
 Styling a feature
diff --git a/docs/componentsguide/styles/flowline/index.md b/docs/componentsguide/styles/flowline/index.md
index 43d23e3e..bc2668dc 100644
--- a/docs/componentsguide/styles/flowline/index.md
+++ b/docs/componentsguide/styles/flowline/index.md
@@ -20,7 +20,7 @@ import FlowLineDemo from "@demos/FlowLineDemo.vue"
 ## Usage
 
 | Plugin Usage          |      Explicit Import       |
-|-----------------------|:--------------------------:|
+| --------------------- | :------------------------: |
 | `<ol-style-flowline>` | `<Styles.OlStyleFlowline>` |
 
 ::: code-group
diff --git a/docs/componentsguide/styles/icon/index.md b/docs/componentsguide/styles/icon/index.md
index 23a14e87..caad8ff1 100644
--- a/docs/componentsguide/styles/icon/index.md
+++ b/docs/componentsguide/styles/icon/index.md
@@ -23,7 +23,7 @@ import IconDemo from "@demos/IconDemo.vue"
 ## Usage
 
 | Plugin Usage      |    Explicit Import     |
-|-------------------|:----------------------:|
+| ----------------- | :--------------------: |
 | `<ol-style-icon>` | `<Styles.OlStyleIcon>` |
 
 ::: code-group
diff --git a/docs/componentsguide/styles/stroke/index.md b/docs/componentsguide/styles/stroke/index.md
index 35e6fcd1..297da822 100644
--- a/docs/componentsguide/styles/stroke/index.md
+++ b/docs/componentsguide/styles/stroke/index.md
@@ -22,7 +22,7 @@ import LineString from "@demos/LineString.vue"
 ## Usage
 
 | Plugin Usage        |     Explicit Import      |
-|---------------------|:------------------------:|
+| ------------------- | :----------------------: |
 | `<ol-style-stroke>` | `<Styles.OlStyleStroke>` |
 
 ::: code-group
diff --git a/docs/componentsguide/styles/style/index.md b/docs/componentsguide/styles/style/index.md
index 214e5073..549ffb3e 100644
--- a/docs/componentsguide/styles/style/index.md
+++ b/docs/componentsguide/styles/style/index.md
@@ -13,7 +13,7 @@ Use it inside ol-feature, ol-vector-layer, ol-interaction-select, ol-interaction
 ## Usage
 
 | Plugin Usage |  Explicit Import   |
-|--------------|:------------------:|
+| ------------ | :----------------: |
 | `<ol-style>` | `<Styles.OlStyle>` |
 
 <script setup>
diff --git a/docs/componentsguide/styles/text/index.md b/docs/componentsguide/styles/text/index.md
index 5c0fcbb6..9819f636 100644
--- a/docs/componentsguide/styles/text/index.md
+++ b/docs/componentsguide/styles/text/index.md
@@ -21,7 +21,7 @@ import TextDemo from "@demos/TextDemo.vue"
 ## Usage
 
 | Plugin Usage      |    Explicit Import     |
-|-------------------|:----------------------:|
+| ----------------- | :--------------------: |
 | `<ol-style-text>` | `<Styles.OlStyleText>` |
 
 Add text to shapes
diff --git a/docs/componentsguide/view/index.md b/docs/componentsguide/view/index.md
index 5d91248e..c5627446 100644
--- a/docs/componentsguide/view/index.md
+++ b/docs/componentsguide/view/index.md
@@ -25,7 +25,7 @@ import ViewDemo from "@demos/ViewDemo.vue"
 ## Usage
 
 | Plugin Usage | Explicit Import |
-|--------------|:---------------:|
+| ------------ | :-------------: |
 | `<ol-view>`  | `<Map.OlView>`  |
 
 Example of simple map with view in EPSG:4326 projection.
diff --git a/docs/get-started.md b/docs/get-started.md
index 9754b487..d9afe829 100644
--- a/docs/get-started.md
+++ b/docs/get-started.md
@@ -52,7 +52,7 @@ import App from "./App.vue";
 // However, you can also style them by your own
 import "vue3-openlayers/styles.css";
 
-import OpenLayersMap from 'vue3-openlayers';
+import OpenLayersMap from "vue3-openlayers";
 
 const app = createApp(App);
 
@@ -69,7 +69,7 @@ import App from "./App.vue";
 // However, you can also style them by your own
 import "vue3-openlayers/styles.css";
 
-import { Map, Layers, Sources } from 'vue3-openlayers';
+import { Map, Layers, Sources } from "vue3-openlayers";
 
 const app = createApp(App);
 
@@ -84,12 +84,16 @@ app.mount("#app");
 <script setup lang="ts"></script>
 
 <template>
-  <ol-map style="min-width: 400px; min-height: 400px;"> // [!code focus]
-    <ol-view :center="[40, 40]" :zoom="5" projection="EPSG:4326" /> // [!code focus]
-    <ol-tile-layer> // [!code focus]
-      <ol-source-osm /> // [!code focus]
-    </ol-tile-layer> // [!code focus]
-  </ol-map> // [!code focus]
+  <ol-map style="min-width: 400px; min-height: 400px;">
+    // [!code focus]
+    <ol-view :center="[40, 40]" :zoom="5" projection="EPSG:4326" /> // [!code
+    focus]
+    <ol-tile-layer>
+      // [!code focus] <ol-source-osm /> // [!code focus]
+    </ol-tile-layer>
+    // [!code focus]
+  </ol-map>
+  // [!code focus]
 </template>
 ```
 
@@ -103,7 +107,7 @@ You can also import and use components individually by importing them directly i
 
 ```vue [AppComponent.vue]
 <script setup lang="ts">
-import { Map, Layers, Sources } from 'vue3-openlayers';
+import { Map, Layers, Sources } from "vue3-openlayers";
 </script>
 
 <template>
@@ -131,8 +135,8 @@ import { createApp } from "vue";
 import App from "./App.vue";
 
 import OpenLayersMap, {
-  type Vue3OpenlayersGlobalOptions
-} from 'vue3-openlayers';
+  type Vue3OpenlayersGlobalOptions,
+} from "vue3-openlayers";
 
 const app = createApp(App);
 
@@ -175,13 +179,13 @@ app.mount("#app");
 
 ```vue {2,10-14} [AppComponent.ts]
 <script setup lang="ts">
-import { provide } from 'vue';
+import { provide } from "vue";
 import {
   Map,
   Layers,
   Sources,
-  type Vue3OpenlayersGlobalOptions
-} from 'vue3-openlayers';
+  type Vue3OpenlayersGlobalOptions,
+} from "vue3-openlayers";
 
 const options: Vue3OpenlayersGlobalOptions = {
   debug: true,