From 5ac0fe02fbc7f2e1ed41f7f7d376dd581616cdee Mon Sep 17 00:00:00 2001
From: bendera <szoftverhiba@gmail.com>
Date: Sun, 13 Oct 2024 17:05:41 +0200
Subject: [PATCH] Reflect variant property

---
 CHANGELOG.md                     | 1 +
 src/vscode-badge/vscode-badge.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e17e0d1b8..ed1ee02b7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 - **Textfield**: Revalidate the element when the value is changed.
 - **Checkbox**: Revalidate the element when `required` or `checked` properties are changed.
+- **Badge**: Reflect `variant` property.
 
 ## [1.6.2] - 2024-10-07
 
diff --git a/src/vscode-badge/vscode-badge.ts b/src/vscode-badge/vscode-badge.ts
index fb218d469..eceb7ca3b 100644
--- a/src/vscode-badge/vscode-badge.ts
+++ b/src/vscode-badge/vscode-badge.ts
@@ -14,7 +14,7 @@ import styles from './vscode-badge.styles.js';
 export class VscodeBadge extends VscElement {
   static styles = styles;
 
-  @property()
+  @property({reflect: true})
   variant: 'default' | 'counter' | 'activity-bar-counter' = 'default';
 
   render(): TemplateResult {