Commit 6d0d903

authored

feat: use shiki for better syntax highlighting (#2)

1 parent 2e5fdb9 commit 6d0d903Copy full SHA for 6d0d903

File tree

+468

-1175

lines changed

+468

-1175

lines changed

Lines changed: 5 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -44,12 +44,12 @@ Source code to highlight.`
`44`	`44`
`45`	`45`	`### lang`
`46`	`46`
`47`		-- Type: `string`
`48`		`-`
`49`		`-Language of the source code. If you don't set it yourself, this component will try to auto-detect it. [All languages of highlight.js](https://github.com/highlightjs/highlight.js/blob/master/SUPPORTED_LANGUAGES.md#supported-languages) are supported.`
	`47`	`+- Type: [Lang](https://github.com/shikijs/shiki/blob/main/docs/languages.md)`
`50`	`48`
`51`	`49`	`### theme`
`52`	`50`
`53`		`-- Type: [Theme](https://github.com/felixfbecker/cli-highlight/blob/main/src/theme.ts#L280)<br>`
	`51`	`+- Type: [Theme](https://github.com/shikijs/shiki/blob/main/docs/themes.md)<br>`
	`52`	`+`
	`53`	`+## Credits`
`54`	`54`
`55`		`-You can write your custom theme and pass it as a prop. [More info regarding custom theme](https://github.com/felixfbecker/cli-highlight/blob/main/README.md#themes).`
	`55`	`+Syntax Highlight is based on [Shiki](https://github.com/shikijs/shiki)`

Lines changed: 4 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -44,19 +44,20 @@`
`44`	`44`	`},`
`45`	`45`	`"homepage": "https://github.com/vue-terminal/syntax-highlight#readme",`
`46`	`46`	`"peerDependencies": {`
`47`		`- "vue-termui": "^0.0.17",`
`48`		`- "@vue/runtime-core": "^3.2.41"`
	`47`	`+ "@vue/runtime-core": "^3.2.41",`
	`48`	`+ "vue-termui": "^0.0.17"`
`49`	`49`	`},`
`50`	`50`	`"devDependencies": {`
`51`	`51`	`"@types/node": "^18.11.9",`
`52`	`52`	`"@vue/runtime-core": "^3.2.41",`
	`53`	`+ "chalk": "^5.2.0",`
`53`	`54`	`"prettier": "^2.8.0",`
`54`	`55`	`"tsup": "^6.5.0",`
`55`	`56`	`"typescript": "^4.9.3",`
`56`	`57`	`"vue": "^3.2.41",`
`57`	`58`	`"vue-termui": "0.0.17"`
`58`	`59`	`},`
`59`	`60`	`"dependencies": {`
`60`		`- "cli-highlight": "^2.1.11"`
	`61`	`+ "shiki": "^0.11.1"`
`61`	`62`	`}`
`62`	`63`	`}`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -8,5 +8,6 @@ export {}`
`8`	`8`	`declare module '@vue/runtime-core' {`
`9`	`9`	`export interface GlobalComponents {`
`10`	`10`	`Box: typeof import('vue-termui')['TuiBox']`
	`11`	`+ Text: typeof import('vue-termui')['TuiText']`
`11`	`12`	`}`
`12`	`13`	`}`

Lines changed: 20 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,18 +15,36 @@ setInterval(()=> {`
`15`	`15`	`}, 1000)`
`16`	`16`	`
`17`	`17`	`)`
	`18`	`+`
	`19`	+const code2 = `
	`20`	`+fn main() {`
	`21`	`+ // Print text to the console`
	`22`	`+ println!("Hello World!");`
	`23`	`+}`
	`24`	+`
`18`	`25`	`</script>`
`19`	`26`
`20`	`27`	`<template>`
`21`	`28`	`<Box`
`22`		`- :padding="2"`
	`29`	`+ :padding="1"`
`23`	`30`	`:width="50"`
`24`	`31`	`justifyContent="center"`
`25`	`32`	`alignItems="center"`
`26`	`33`	`flexDirection="column"`
`27`		`- borderColor="blue"`
	`34`	`+ borderColor="green"`
`28`	`35`	`borderStyle="round"`
`29`	`36`	`>`
`30`	`37`	`<SyntaxHighlight :code="code" lang="js" />`
`31`	`38`	`</Box>`
	`39`	`+ <Box`
	`40`	`+ :padding="1"`
	`41`	`+ :width="50"`
	`42`	`+ justifyContent="center"`
	`43`	`+ alignItems="center"`
	`44`	`+ flexDirection="column"`
	`45`	`+ borderColor="blue"`
	`46`	`+ borderStyle="round"`
	`47`	`+ >`
	`48`	`+ <SyntaxHighlight :code="code2" lang="rust" theme="nord" />`
	`49`	`+ </Box>`
`32`	`50`	`</template>`

Comments

(0)