From 0f613b2b4a66abe945ac8f65f9a65b0547d193ee Mon Sep 17 00:00:00 2001
From: Farzad Hayatbakhsh <farzad.hayatbakhsh@tiny.cloud>
Date: Wed, 10 Jul 2024 15:35:59 +1000
Subject: [PATCH] DOC-2480: Improve wording on the "replace src/App.svelte
 contents" step

---
 .../integrations/svelte-quick-start.adoc      | 26 +++----------------
 1 file changed, 3 insertions(+), 23 deletions(-)

diff --git a/modules/ROOT/partials/integrations/svelte-quick-start.adoc b/modules/ROOT/partials/integrations/svelte-quick-start.adoc
index f73d85e667..057ef53980 100644
--- a/modules/ROOT/partials/integrations/svelte-quick-start.adoc
+++ b/modules/ROOT/partials/integrations/svelte-quick-start.adoc
@@ -43,13 +43,7 @@ npm install @tinymce/tinymce-svelte
 endif::[]
 ifeval::["{productSource}" == "cloud"]
 
-. Open `+src/App.svelte+` and add:
-* An `+import+` statement for the {productname} Svelte component.
-* The `+<Editor />+` as a placeholder for the editor.
-+
-For example:
-+
-_File:_ `+src/App.svelte+`
+. Open `+src/App.svelte+` and replace the contents with:
 +
 [source,html,subs="+macros"]
 ----
@@ -109,14 +103,7 @@ export default defineConfig({
   ],
 })
 ----
-. Open `+src/App.svelte+` and add:
-* An `+import+` statement for the {productname} Svelte component.
-* The `+<Editor />+` as a placeholder for the editor.
-* The xref:svelte-ref.adoc#scriptsrc[`+scriptSrc+`] property for the `+Editor+` placeholder.
-+
-For example:
-+
-_File:_ `+src/App.svelte+`
+. Open `+src/App.svelte+` and replace the contents with:
 +
 [source,html]
 ----
@@ -150,14 +137,7 @@ let conf = {
 endif::[]
 ifeval::["{productSource}" == "zip"]
 
-. Open `+src/App.svelte+` and add:
-* An `+import+` statement for the {productname} Svelte component.
-* The `+<Editor />+` as a placeholder for the editor.
-* The xref:svelte-ref.adoc#scriptsrc[`+scriptSrc+`] property for the `+Editor+` placeholder.
-+
-For example:
-+
-_File:_ `+src/App.svelte+`
+. Open `+src/App.svelte+` and replace the contents with:
 +
 [source,html]
 ----