Fixes

• move TypeScript definitions components to the src/ folder

Fixes

• emit TypeScript definitions for languages and styles to the src/ folder

Features

• upgrade highlight.js to v11.3.0

Breaking Changes

• use .svelte.d.ts extension for TypeScript definitions

Breaking Changes

• move .hljs class from pre to code (ead430a, #173 contributed by @willster277)
• change padding of pre.langtag::after to 1em (ead430a, #173 contributed by @willster277)

Features

• add data-language attribute to pre element to allow targeted styling (b3dbb26, #171 contributed by @willster277)
• add langtag prop that displays the highlighted language if enabled (b3dbb26, #171 contributed by @willster277)

Set langtag to true to display the highlighted language.

<script>
  import { HighlightAuto } from "svelte-highlight";

  $: code = `.body { padding: 0; margin: 0; }`;
</script>

<HighlightAuto {code} langtag="{true}" />

Style the language tag by targeting the data-language attribute:

pre.hljs[data-language="css"] {
  --hljs-background: linear-gradient(135deg, #2996cf, 80%, white);
  --hljs-foreground: #fff;
  --hljs-radius: 8px;
}

Features

• include named language export in src/languages/* files

  // default export
  import typescript from "svelte-highlight/src/languages/typescript";
  
  // named export
  import { typescript } from "svelte-highlight/src/languages/typescript";

Documentation

• update link to live demo

Features

• upgrade highlight.js to v11.2.0

Features

• upgrade highlight.js to v11.1.0