diff --git a/runtime/syntax/svelte.yaml b/runtime/syntax/svelte.yaml
new file mode 100644
index 00000000..2059e982
--- /dev/null
+++ b/runtime/syntax/svelte.yaml
@@ -0,0 +1,27 @@
+filetype: svelte
+
+detect:
+    filename: "\\.svelte$"
+
+rules:
+    - default: 
+        start: "<script>"
+        end: "</script>"
+        rules:
+            - include: "javascript"
+
+    - default: 
+        start: "<script lang=\"ts\">"
+        end: "</script>"
+        rules:
+            - include: "typescript"
+    - default:
+        start: "<style.*?>"
+        end: "</style.*?>"
+        rules:
+            - include: "css"
+    - default:
+        start: "^"
+        end: "$"
+        rules:
+            - include: "html5"
\ No newline at end of file
diff --git a/runtime/syntax/vue.yaml b/runtime/syntax/vue.yaml
index 4c1c3040..f6df706d 100644
--- a/runtime/syntax/vue.yaml
+++ b/runtime/syntax/vue.yaml
@@ -11,14 +11,20 @@ rules:
             - include: "html5"
             
     - default: 
-        start: "<script.*?>"
-        end: "</script.*?>"
+        start: "<script>"
+        end: "</script>"
         rules:
             - include: "javascript"
+
+    - default: 
+        start: "<script[ ]+lang=(\"ts\"|'ts')>"
+        end: "</script>"
+        rules:
+            - include: "typescript"
     
     - default:
         start: "<style.*?>"
         end: "</style.*?>"
         rules:
             - include: "css"
-    
\ No newline at end of file
+