fix: only apply embed styling when required

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>

packages/core/src/components/discord-code/DiscordCode.ts

@@ -70,16 +70,28 @@ 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;
 
 	@consume({ context: messagesLightTheme, subscribe: true })
 	@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>`;
 		}