From 962e07e13e1b4e9bfbef18046652a89aa5150ba5 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Thu, 16 Sep 2021 12:07:03 -0700
Subject: [PATCH] v4.0.0

---
 CHANGELOG.md             | 7 +++++++
 demo/routes/index.svelte | 2 +-
 package.json             | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7f865074..a6efa1b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.0.0](https://github.com/metonym/svelte-highlight/releases/tag/v4.0.0) - 2021-09-16
+
+**Breaking Changes**
+
+- move `.hljs` class from `pre` element to `code` to align with the intended usage of `highlight.js`
+- change padding of `pre.langtag::after` to `1em` to prevent overpadding
+
 ## [3.4.0](https://github.com/metonym/svelte-highlight/releases/tag/v3.4.0) - 2021-09-12
 
 **Features**
diff --git a/demo/routes/index.svelte b/demo/routes/index.svelte
index 4752f7bb..23750d2f 100644
--- a/demo/routes/index.svelte
+++ b/demo/routes/index.svelte
@@ -258,7 +258,7 @@
 
 <HighlightAuto {code} langtag="{true}" \/>`}"
       class="atomOneDark"
-			langtag="{true}"
+      langtag="{true}"
     />
     <HighlightAuto
       code="{`pre[data-language="css"] {
diff --git a/package.json b/package.json
index 566a7a90..8327147f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-highlight",
-  "version": "3.4.0",
+  "version": "4.0.0",
   "license": "MIT",
   "description": "Syntax Highlighting for Svelte using highlight.js",
   "author": "Eric Liu (https://github.com/metonym)",