From 36b3b7a267f265ebcc865a0efa032ac71a9fb1f0 Mon Sep 17 00:00:00 2001
From: Jeroen Claassens <support@favware.tech>
Date: Sat, 10 Feb 2024 14:44:10 +0100
Subject: [PATCH] fix: only apply embed styling when required

---
 packages/core/demo/index.html                      |  2 +-
 .../src/components/discord-code/DiscordCode.ts     | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/core/demo/index.html b/packages/core/demo/index.html
index 393ffb49..b94b4b1d 100644
--- a/packages/core/demo/index.html
+++ b/packages/core/demo/index.html
@@ -187,7 +187,7 @@ <h3 class="title">Markdown Styling</h3>
 						<discord-code>I am inline-code text!</discord-code>
 					</discord-message>
 					<discord-message>
-						<discord-code multiline>I am multi-\nline code text!</discord-code>
+						<discord-code multiline>I am multi-line code</discord-code>
 					</discord-message>
 					<discord-message>
 						<discord-spoiler>I am spoiler text!</discord-spoiler>
diff --git a/packages/core/src/components/discord-code/DiscordCode.ts b/packages/core/src/components/discord-code/DiscordCode.ts
index 728c72c7..1e1545f9 100644
--- a/packages/core/src/components/discord-code/DiscordCode.ts
+++ b/packages/core/src/components/discord-code/DiscordCode.ts
@@ -70,6 +70,9 @@ export class DiscordCode extends LitElement implements LightTheme {
 		}
 	`;
 
+	/**
+	 * Whether this code block is a multi-line code block
+	 */
 	@property({ type: Boolean, reflect: true })
 	public accessor multiline = false;
 
@@ -77,9 +80,18 @@ export class DiscordCode extends LitElement implements LightTheme {
 	@property({ type: Boolean, reflect: true, attribute: 'light-theme' })
 	public accessor lightTheme = false;
 
+	/**
+	 * Whether this code block exists within a `discord-embed` component.
+	 */
 	@property({ type: Boolean, reflect: true })
 	public accessor embed = false;
 
+	/**
+	 * The language of the code snippet.
+	 *
+	 * Setting this property will add a class "language-<language>" to the `code` element
+	 * which can get styled by a library such as [Prism](https://prismjs.com/).
+	 */
 	@property()
 	public accessor language: string | undefined = undefined;
 
@@ -92,7 +104,7 @@ export class DiscordCode extends LitElement implements LightTheme {
 
 	protected override render() {
 		if (this.multiline) {
-			return html`<discord-pre embed
+			return html`<discord-pre ?embed=${this.embed}
 				><code class="${ifDefined(this.language ? `language-${this.language}` : undefined)}"><slot></slot></code
 			></discord-pre>`;
 		}