Svelte Rune Highlight

DEMO

Syntax highlighting for Svelte using highlight.js. This lib is ported from Svelte-Highlight.

Installation

pnpm i -D svelte-rune-highlight highlight.js

Then in +layout.svelte

<script lang="ts">
    // select your faviroite scheme from https://highlightjs.org/demo
    import 'highlight.js/styles/github-dark.css';
</script>

or use directly from cdnjs

<svelte:head>
    <link
        rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/dark.min.css"
    />
</svelte:head>

Docs

Docs

Highlight component

Highlight

HighlightAuto component

HighlightAuto

HighlightSvelte component

HighlightSvelte

Line numbers

Line numbers

Credit

Svelte-Highlight

svelte-rune-highlight

0.7.1

Patch Changes

• fix: LangTag update docs: pages update

0.7.0

Minor Changes

• feat: dependencies update, component update

0.6.9

Patch Changes

• fix: package.json export

0.6.8

Patch Changes

• docs: add +layout.svelte to installation

0.6.7

Patch Changes

• feat: add class

0.6.6

Patch Changes

• docs: README and theme-selector page

0.6.5

Patch Changes

• fix: update CodeThemeSelector

0.6.4

Patch Changes

• fix: update CodeThemeSelector

0.6.3

Patch Changes

• fix: update CodeThemeSelector

0.6.2

Patch Changes

• fix: package.json to export languages and styles

0.6.1

Patch Changes

• fix: update CodeThemeSelector

0.6.0

Minor Changes

• feat: add CodeThemeSelector component

0.5.15

Patch Changes

• feat: add position prop

0.5.14

Patch Changes

• feat: add backgroud-color style to Highlight component

0.5.13

Patch Changes

• fix: lint

0.5.12

Patch Changes

• types: update (ffbf11497ae5b33d199f04cff0af1d3e779354b1)

0.5.11

Patch Changes

• fix: HighlightAuto (139cb2846f8321abf251dd5553d4187f546cd545)

0.5.10

Patch Changes

• fix: use derived to be reactive (b6687af3744c54cb080d402a44b1bd792714de7e)

0.5.9

Patch Changes

• fix: use closing tag </div> (24548b69c37d4e99c44a05487ea2404725bd6396) tests: add home and highlight tests

0.5.8

Patch Changes

• fix: remove deprecated createEventDispatcher (6b3ed13ef61d15f91e25b8e8b24bd2a877aa618d)

0.5.7

Patch Changes

• fix: svelte next.100 installed (19aa11be49811bc35e380d00c934e66e25ab3d15)

0.5.6

Patch Changes

• fix: remove un-used highlight.js from HighlightAuto (24184264448e14c789e80b083a906830870496ef)

  chore: dependencies updates

0.5.5

Patch Changes

• docs: Extend page for CodeBlockSwitcher and wrapper example. (c7f897cc305f1bac4967428f941dbbad5efe6b4e)

0.5.4

Patch Changes

• feat: add stylesDir, optional props to CodeBlockSwitcher (96ff944d5a743c977d8056404a81713d1369d080)

0.5.3

Patch Changes

• fix: CodeBlockSwitcher requires stylesImport and users need to have styles dir where this component is used. (19e25651a94fafe3cce4f1ceebf2b5bffa07c626)

0.5.2

Patch Changes

• fix: remove CodeBlockSwitcher

0.5.1

Patch Changes

• fix: CodeBlockSwitcher import names using json file

0.5.0

Minor Changes

• feat: CodeBlockSwitcher component is added (96f3543695d077b610cbd64b8556ed100f301f64)
  • chore: dependencies update

0.4.0

Minor Changes

• feat: add ThemeSelector component (e5a0109237f5b5f55dd22c3e22fe232433040038)

• chore: dependencies update

0.3.1

Patch Changes

• fix: change <Props> to : Props. (865e7c5333e35da2d1063387d2129d350c0f0125) fix: update component docs.

0.3.0

Minor Changes

• • edebb35chore: lib-helpers and format
  • d1524ad (numberlines) feat: update all components
  • 1bf9847 docs: adding menu
  • 9e91731 fix: fixing number lines
  • bca7148 feat: add new way to change style dynamically
  • 809a55b fix: use JSON file for names
  • 7d351f4 fix: update homepage

0.2.6

Patch Changes

• 7a70bdb docs: meta update (f3ae74c61ea86b653e95fd268bd7b16938fe845d) f319c2b feat: add dynamic style select

0.2.5

Patch Changes

• fix: dependencies and peerDependencies update (df4a4bc4693b8e951ab604463ff5b5b98d985470)

0.2.4

Patch Changes

• docs: add metatag (072067a79d4c423889a56a1b8037c0588dc05953) fix: update keywords

0.2.3

Patch Changes

• fix: update exports in package.json (3856fbe53422c76f26c53817e438e5ed280a3760)

0.2.2

Patch Changes

• fix: add ? types

0.2.1

Patch Changes

• fix: update peerDependencies and dependencies in package.json

0.2.0

Minor Changes

• Highlight, HighlightAuto, HighlightSvelte, LangTag, LineNumbers components. (53769e7d601be9f6103d8716776a9f662d991e46) update package.json add home page update README add License