From f75dcef5fe520e69b26f1007cc5298823ec3c699 Mon Sep 17 00:00:00 2001
From: ugrinovsky <nazar9505@gmail.com>
Date: Thu, 28 Nov 2024 01:08:34 +0300
Subject: [PATCH] fix(docs-svelte): fix sdk-svelte docs

---
 .../docs/packages/telegram-apps-sdk-svelte.md | 22 ++++++-------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/apps/docs/packages/telegram-apps-sdk-svelte.md b/apps/docs/packages/telegram-apps-sdk-svelte.md
index b542a580f..11c619dce 100644
--- a/apps/docs/packages/telegram-apps-sdk-svelte.md
+++ b/apps/docs/packages/telegram-apps-sdk-svelte.md
@@ -1,5 +1,5 @@
 ---
-outline: [ 2, 3 ]
+outline: [2, 3]
 ---
 
 # @telegram-apps/sdk-svelte
@@ -54,7 +54,7 @@ Here is a simple usage example of the package:
 :::code-group
 
 ```svelte [index.svelte]
-<script>
+<script lang="ts">
   import { init, backButton } from '@telegram-apps/sdk-svelte';
 
   import { BackButton } from './BackButton.svelte';
@@ -63,16 +63,14 @@ Here is a simple usage example of the package:
   init();
 </script>
 
-<template>
-  <BackButton />
-</template>
+<BackButton />
 ```
 
 ```svelte [BackButton.svelte]
 /**
  * Component which controls the Back Button visibility.
  */
-<script>
+<script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { backButton, useSignal } from '@telegram-apps/sdk-svelte';
 
@@ -88,8 +86,6 @@ Here is a simple usage example of the package:
     backButton.hide();
   });
 </script>
-
-<template></template>
 ```
 
 :::
@@ -102,7 +98,7 @@ A helper that allows you to use our [signals](./telegram-apps-signals.md) in the
 returns a Svelte ref which updates every time, our signal changes.
 
 ```svelte
-<script>
+<script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { backButton, useSignal } from '@telegram-apps/sdk-svelte';
 
@@ -118,8 +114,6 @@ returns a Svelte ref which updates every time, our signal changes.
     backButton.hide();
   });
 </script>
-
-<template></template>
 ```
 
 ### `useLaunchParams`
@@ -127,13 +121,11 @@ returns a Svelte ref which updates every time, our signal changes.
 A function that returns the mini application's launch parameters.
 
 ```svelte
-<script>
+<script lang="ts">
   import { useLaunchParams } from '@telegram-apps/sdk-svelte';
 
   const lp = useLaunchParams();
 </script>
 
-<template>
-  <div>Start param: {{ lp.startParam }}</div>
-</template>
+<div>Start param: {lp.startParam}</div>
 ```