diff --git a/src/theme/tokens/javascript.ts b/src/theme/tokens/javascript.ts
index bd63113b..0e949011 100644
--- a/src/theme/tokens/javascript.ts
+++ b/src/theme/tokens/javascript.ts
@@ -101,6 +101,14 @@ const tokens = (context: ThemeContext): TextmateColors => {
         fontStyle: "",
       },
     },
+    {
+      name: "Vue components",
+      scope: ["support.class.component.vue"],
+      settings: {
+        foreground: palette.blue,
+        fontStyle: "",
+      },
+    },
   ];
 };