diff --git a/addons/docs/src/frameworks/react/jsxDecorator.tsx b/addons/docs/src/frameworks/react/jsxDecorator.tsx
index 3e1ef836a41b..dedb1505fe63 100644
--- a/addons/docs/src/frameworks/react/jsxDecorator.tsx
+++ b/addons/docs/src/frameworks/react/jsxDecorator.tsx
@@ -118,11 +118,11 @@ export const renderJsx = (code: React.ReactElement, options: JSXOptions) => {
 
     if (string.indexOf('"') > -1) {
       const matches = string.match(/\S+=\\"([^"]*)\\"/g);
-        if (matches) {
-          matches.forEach((match) => {
-            string = string.replace(match, match.replace(/"/g, "'"));
-          });
-        }
+      if (matches) {
+        matches.forEach((match) => {
+          string = string.replace(match, match.replace(/"/g, "'"));
+        });
+      }
     }
 
     return string;
diff --git a/app/vue/src/server/framework-preset-vue.ts b/app/vue/src/server/framework-preset-vue.ts
index f06c9b4ff64d..9e0eeb442079 100644
--- a/app/vue/src/server/framework-preset-vue.ts
+++ b/app/vue/src/server/framework-preset-vue.ts
@@ -14,7 +14,7 @@ export async function webpack(config: Configuration, { presets }: Options) {
     options: {},
   });
   config.module.rules.push({
-    test: /\.tsx?$/,
+    test: /\.ts$/,
     use: [
       {
         loader: require.resolve('ts-loader'),
@@ -25,6 +25,18 @@ export async function webpack(config: Configuration, { presets }: Options) {
       },
     ],
   });
+  config.module.rules.push({
+    test: /\.tsx$/,
+    use: [
+      {
+        loader: require.resolve('ts-loader'),
+        options: {
+          transpileOnly: true,
+          appendTsxSuffixTo: [/\.vue$/],
+        },
+      },
+    ],
+  });
 
   config.resolve.extensions.push('.vue');
   config.resolve.alias = { ...config.resolve.alias, vue$: require.resolve('vue/dist/vue.esm.js') };
diff --git a/lib/components/src/blocks/ColorPalette.tsx b/lib/components/src/blocks/ColorPalette.tsx
index 7bf50d6f4970..9898a44f168e 100644
--- a/lib/components/src/blocks/ColorPalette.tsx
+++ b/lib/components/src/blocks/ColorPalette.tsx
@@ -81,7 +81,7 @@ const SwatchColors = styled.div(({ theme }) => ({
   overflow: 'hidden',
   backgroundColor: 'white',
   backgroundImage: `repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)`,
-  backgroundClip: 'padding-box'
+  backgroundClip: 'padding-box',
 }));
 
 const SwatchSpecimen = styled.div({