build: provide Typescript support in Vue SFC files

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

1 files changed, 12 insertions, 0 deletions

diff --git a/webpack.common.config.js b/webpack.common.config.js
index b5a5cce8f..9a99270e7 100644
--- a/webpack.common.config.js
+++ b/webpack.common.config.js
@@ -31,6 +31,7 @@ module.exports = mergeWithRules({
 			test: 'match',
 			loader: 'replace',
 			options: 'replace',
+			use: 'replace',
 		},
 	},
 })({
@@ -63,6 +64,17 @@ module.exports = mergeWithRules({
 				]),
 			},
 			{
+				test: /\.tsx?$/,
+				use: [{
+					loader: 'esbuild-loader',
+					options: {
+						// Implicitly set as TS loader so only <script lang="ts"> Vue SFCs will be transpiled
+						loader: 'ts',
+						target: 'es2020',
+					},
+				}]
+			},
+			{
 				test: /\.wasm$/i,
 				type: 'asset/resource',
 			},