docs(ol-source-*): drop opaque option since it has been removed with OpenLayers 10

BREAKING-CHANGE: The `opaque` option was previously used to hint the renderer to perform some optimizations on layers known to be fully opaque.
This is no longer needed, and the option has been removed.
The option is no longer handled by `OlSourceOSM`, `OlSourceXYZ` and `OlSourceTianditu`.
It has been removed with [OpenLayers 10](https://github.com/openlayers/openlayers/releases/tag/v10.0.0)

see #239

Author: d-koppenhagen

docs/componentsguide/sources/xyz/index.md

@@ -47,12 +47,7 @@ This deviating props are described in the section below.
 
 ### Deviating Properties
 
-#### `opaque`
-
-The value for `opaque` is currently set to `true` by default.
-However, this behaviour will be aligned with the OpenLayers default of `false` in the future.
-
-See related issue [XYZ source opacity problem #239](https://github.com/MelihAltintas/vue3-openlayers/issues/239).
+none.
 
 ## Events
 

src/components/sources/OlSourceOSM.vue

@@ -18,7 +18,6 @@ const props = withDefaults(defineProps<Options>(), {
   crossOrigin: "anonymous",
   interpolate: true,
   maxZoom: 19,
-  opaque: true,
   reprojectionErrorThreshold: 0.5,
   transition: 250,
   url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",

src/components/sources/OlSourceOsm.vue

@@ -18,7 +18,6 @@ const props = withDefaults(defineProps<Options>(), {
   crossOrigin: "anonymous",
   interpolate: true,
   maxZoom: 19,
-  opaque: true,
   reprojectionErrorThreshold: 0.5,
   transition: 250,
   url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",

src/components/sources/OlSourceXYZ.vue

@@ -18,7 +18,6 @@ defineOptions({
 const props = withDefaults(defineProps<Options>(), {
   attributionsCollapsible: true,
   interpolate: true,
-  opaque: true,
   maxZoom: 42,
   minZoom: 0,
   projection: "EPSG:3857",

src/components/sources/OlSourceXyz.vue

@@ -18,7 +18,6 @@ defineOptions({
 const props = withDefaults(defineProps<Options>(), {
   attributionsCollapsible: true,
   interpolate: true,
-  opaque: true,
   maxZoom: 42,
   minZoom: 0,
   projection: "EPSG:3857",

src/components/sources/TiandituClass.ts

@@ -9,7 +9,6 @@ export type Options = WMTSOptions & {
   tk?: string;
   isLabel?: boolean;
   maxZoom?: number;
-  opaque?: boolean;
 };
 export class Tianditu extends WMTSSource {
   static layerLabelMap: Record<string, string> = {};
@@ -61,7 +60,6 @@ export class Tianditu extends WMTSSource {
       style: options.style || "default",
       cacheSize: options.cacheSize,
       crossOrigin,
-      opaque: options.opaque === undefined ? true : options.opaque,
       maxZoom: Tianditu.layerZoomMap[options.layerType],
       reprojectionErrorThreshold: options.reprojectionErrorThreshold,
       url: options.url,