toshiki-notebook/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.af99151c.js

8 lines
9.3 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{_ as l,c as a,o as t,R as o,z as s,a as e}from"./chunks/framework.ade46834.js";const _=JSON.parse('{"title":"Markdown Extensions","description":"","frontmatter":{"title":"Markdown Extensions"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","lastUpdated":1694655530000}'),n={name:"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md"},r=o('<h1 id="markdown-extensions" tabindex="-1">Markdown Extensions <a class="header-anchor" href="#markdown-extensions" aria-label="Permalink to &quot;Markdown Extensions&quot;"></a></h1><h2 id="code-groups" tabindex="-1">Code Groups <a class="header-anchor" href="#code-groups" aria-label="Permalink to &quot;Code Groups&quot;"></a></h2><p><a href="https://vitepress.dev/guide/markdown#code-groups" target="_blank" rel="noreferrer">Code Groups</a> and Twoslash <a href="/api/multi-file">multi-file</a> support.</p>',3),i=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-xk7I9",id:"tab-tAot_I7",checked:"checked"}),s("label",{for:"tab-tAot_I7"},"index.ts"),s("input",{type:"radio",name:"group-xk7I9",id:"tab-z1_VmXS"}),s("label",{for:"tab-z1_VmXS"},"name.ts")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"},active:"true"},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
import name`},"name")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"}," "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
import name`)])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"},active:"true"},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
import name`},"name")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"}," "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
import name`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br")])]),s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])])])],-1),p=o('<h2 id="unsupported-extensions" tabindex="-1">Unsupported Extensions <a class="header-anchor" href="#unsupported-extensions" aria-label="Permalink to &quot;Unsupported Extensions&quot;"></a></h2><p>Since VitePress Twoslash uses it&#39;s own <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a> highlighter, the following syntax highlighting extensions are not currently compatible.</p><ul><li><a href="https://vitepress.dev/guide/markdown#line-highlighting-in-code-blocks" target="_blank" rel="noreferrer">Line Highlighting in Code Blocks</a></li><li><a href="https://vitepress.dev/guide/markdown#focus-in-code-blocks" target="_blank" rel="noreferrer">Focus in Code Blocks</a></li><li><a href="https://vitepress.dev/guide/markdown#colored-diffs-in-code-blocks" target="_blank" rel="noreferrer">Colored Diffs in Code Blocks</a></li><li><a href="https://vitepress.dev/guide/markdown#errors-and-warnings-in-code-blocks" target="_blank" rel="noreferrer">Errors and Warnings in Code Blocks</a></li><li><a href="https://vitepress.dev/guide/markdown#line-numbers" target="_blank" rel="noreferrer">Line Numbers</a></li><li><a href="https://vitepress.dev/guide/markdown#import-code-snippets" target="_blank" rel="noreferrer">Import Code Snippets</a></li></ul><p>If you are interested in adding support, please start a new <a href="https://github.com/andatoshiki/@andatoshiki/vitepress-plugin-shiki-twoslash" target="_blank" rel="noreferrer">GitHub Discussion</a>.</p>',4),c=[r,i,p];function d(h,m,y,u,g,v){return t(),a("div",null,c)}const b=l(n,[["render",d]]);export{_ as __pageData,b as default};