Twoslash

এই ফিচারটি

Twoslash
থেকে নেয়া।

সব টাইপস্ক্রিপ্ট কোড ব্লক inline type hover প্রোভাইড করে।

twoslash চালু করা

  • @sveltepress/twoslash প্যাকেজ ইন্সটল করুন
npm install --save @sveltepress/twoslash
sh
  • highlighter.twoslash কনফিগ করে true করে দিন
vite.config.(js|ts)
+
+
+
import {  } from 'vite'
import {  } from '@sveltepress/vite'
import {  } from '@sveltepress/theme-default'

export default ({
  : [
    ({
      : ({
        : { 
          : true 
        } 
      })
    })
  ]
})
ts

প্রাথমিক type annotation

const  = false

const  = {
  : 'a',
  : 1
}
ts
```ts
const foo = false

const obj = {
  a: 'a',
  b: 1
}
```
md
Click fold/expand code

এরোর

const : Foo = null
Cannot find name 'Foo'.
const a: number = '1'
Type 'string' is not assignable to type 'number'.
ts
```ts
// @errors: 2304 2322
const foo: Foo = null

const a: number = '1'
```
md
Click fold/expand code

কুয়েরি

const  = 'Hello'
const  = `${}, world`

//
//
.p('123', 10)
//
//
//
//
ts
```ts
const hi = 'Hello'
const msg = `${hi}, world`
//    ^?

//
//
Number.parseInt('123', 10)
//      ^|
//
//
//
//
```
md
Click fold/expand code

কাস্টম লগ

const  = 1
Custom log message
const = 1
Custom error message
const = 1
Custom warning message
Custom annotation message
ts
```ts
// @log: Custom log message
const a = 1

// @error: Custom error message
const b = 1

// @warn: Custom warning message
const c = 1

// @annotate: Custom annotation message
```
md
Click fold/expand code

কাট কোডস

আগে কাট

// ---cut--- বা // ---cut-before--- ব্যবহার করে এই লাইনের পূর্বের সকল কোড কাট করা যাবে।

.()
ts
```ts
const level: string = 'Danger'
// ---cut---
console.log(level)
```
md
Click fold/expand code

পরে কাট

// ---cut-after--- বহার করে এই লাইনের পরের সকল কোড কাট করা যাবে।

.()
ts
```ts
const level: string = 'Danger'
// ---cut-before---
console.log(level)
// ---cut-after---
console.log('This is not shown')
```
md
Click fold/expand code

কাট শুরু/শেষ

আইটেমের মাঝের কন্টেন্ট কাট করতে // ---cut-start--- বা // ---cut-end--- ব্যবহার করুন

const : string = 'Danger'
.('This is shown')
ts
```ts
const level: string = 'Danger'
// ---cut-start---
console.log(level) // This is not shown.
// ---cut-end---
console.log('This is shown')
```
md
Click fold/expand code

svelte এর জন্য Twoslash

<script>
  import {  } from 'svelte'

  let  = 0

  (() => {
    .('mount')
  })
</script>
<button on:click="{++}">
  Count is: {  }
</button>
svelte
Last update at: 2024/07/19 02:14:19