Merge pull request #3775 from PmcFizz/main

use createDecorationsCollection replace deltaDecorations

website/src/website/data/playground-samples/interacting-with-the-editor/line-and-inline-decorations/sample.js

@@ -15,9 +15,7 @@ var editor = monaco.editor.create(document.getElementById("container"), {
 	language: "javascript",
 });
 
-var decorations = editor.deltaDecorations(
-	[],
-	[
+var decorations = editor.createDecorationsCollection([
 	{
 		range: new monaco.Range(3, 1, 5, 1),
 		options: {
@@ -29,5 +27,4 @@ var decorations = editor.deltaDecorations(
 		range: new monaco.Range(7, 1, 7, 24),
 		options: { inlineClassName: "myInlineDecoration" },
 	},
-	]
-);
+]);

website/src/website/data/playground-samples/interacting-with-the-editor/listening-to-mouse-events/sample.js

@@ -17,9 +17,7 @@ var editor = monaco.editor.create(document.getElementById("container"), {
 	contextmenu: false,
 });
 
-var decorations = editor.deltaDecorations(
-	[],
-	[
+var decorations = editor.createDecorationsCollection([
 	{
 		range: new monaco.Range(3, 1, 3, 1),
 		options: {
@@ -28,8 +26,7 @@ var decorations = editor.deltaDecorations(
 			glyphMarginClassName: "myGlyphMarginClass",
 		},
 	},
-	]
-);
+]);
 
 // Add a zone to make hit testing more interesting
 var viewZoneId = null;

website/src/website/data/playground-samples/interacting-with-the-editor/rendering-glyphs-in-the-margin/sample.js

@@ -16,9 +16,7 @@ var editor = monaco.editor.create(document.getElementById("container"), {
 	glyphMargin: true,
 });
 
-var decorations = editor.deltaDecorations(
-	[],
-	[
+var decorations = editor.createDecorationsCollection([
 	{
 		range: new monaco.Range(3, 1, 3, 1),
 		options: {
@@ -27,7 +25,6 @@ var decorations = editor.deltaDecorations(
 			glyphMarginClassName: "myGlyphMarginClass",
 		},
 	},
-	]
-);
+]);
 
 // You can now use `decorations` to change or remove the decoration