diff --git a/CHANGELOG.md b/CHANGELOG.md
index 304bfaea6b..01ad969e2f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@
 - 🙌 Add `vti version` command. Thanks to contribution from [@andrewisaburden](https://github.com/andrewisaburden). #2337.
 - 🙌 Complete with `?.` for optional properies in completion. Thanks to contribution from [@yoyo930021](https://github.com/yoyo930021). #2326 and #2357.
 - 🙌 Respect typescript language settings. Thanks to contribution from [@yoyo930021](https://github.com/yoyo930021). #2109 and #2375.
+- 🙌 Slim syntax highlighting. Thanks to contribution from [@Antti](https://github.com/Antti).
 
 ### 0.28.0 | 2020-09-23 | [VSIX](https://marketplace.visualstudio.com/_apis/public/gallery/publishers/octref/vsextensions/vetur/0.28.0/vspackage)
 
diff --git a/client/grammar.ts b/client/grammar.ts
index b9759efc40..6b33ebc70a 100644
--- a/client/grammar.ts
+++ b/client/grammar.ts
@@ -8,6 +8,7 @@ const SCOPES: { [lang: string]: string } = {
   html: 'text.html.basic',
   pug: 'text.pug',
   haml: 'text.haml',
+  slim: 'text.slim',
   css: 'source.css',
   scss: 'source.css.scss',
   less: 'source.css.less',
diff --git a/docs/highlighting.md b/docs/highlighting.md
index 0c3f994e66..d07f59a2d3 100644
--- a/docs/highlighting.md
+++ b/docs/highlighting.md
@@ -9,6 +9,7 @@ Vetur supports syntax highlighting for the following languages:
 | `<template lang="jade">` | `pug`     |
 | `<template lang="haml">` | `haml`    | [Better Haml](https://marketplace.visualstudio.com/items?itemName=karunamurti.haml) or [Ruby Haml](https://marketplace.visualstudio.com/items?itemName=vayan.haml) |
 | `<template lang="slm">`  | `slm`     | [Slm Syntax](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-slm)                                                                                |
+| `<template lang="slim">` | `slim`    | [Slim](https://marketplace.visualstudio.com/items?itemName=sianglim.slim)                                                                                          |
 | `<style>`                | `css`     |
 | `<style lang="postcss">` | `postcss` |
 | `<style lang="scss">`    | `scss`    |
diff --git a/package.json b/package.json
index 70cc226ef2..6e2acfff92 100644
--- a/package.json
+++ b/package.json
@@ -129,6 +129,7 @@
           "text.jade.slm": "slm",
           "text.pug": "jade",
           "text.haml": "haml",
+          "text.slim": "slim",
           "text.html.liquid": "liquid",
           "source.css": "css",
           "source.css.scss": "scss",
diff --git a/syntaxes/vue-generated.json b/syntaxes/vue-generated.json
index 26d1f01a09..d22b17c7d1 100644
--- a/syntaxes/vue-generated.json
+++ b/syntaxes/vue-generated.json
@@ -6,6 +6,49 @@
   ],
   "uuid": "5512c10d-4cc5-434c-b8fc-53b912f55ab3",
   "patterns": [
+    {
+      "begin": "(<)(slim)",
+      "beginCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.style.html"
+        }
+      },
+      "end": "(</)(slim)(>)",
+      "endCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.style.html"
+        },
+        "3": {
+          "name": "punctuation.definition.tag.end.html"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#tag-stuff"
+        },
+        {
+          "begin": "(>)",
+          "beginCaptures": {
+            "1": {
+              "name": "punctuation.definition.tag.end.html"
+            }
+          },
+          "end": "(?=</slim>)",
+          "contentName": "text.slim",
+          "patterns": [
+            {
+              "include": "text.slim"
+            }
+          ]
+        }
+      ]
+    },
     {
       "begin": "(<)(i18n)",
       "beginCaptures": {
@@ -255,6 +298,49 @@
         }
       ]
     },
+    {
+      "begin": "(<)(template)\\b(?=[^>]*lang=('slim'|\"slim\"))(?![^/>]*/>\\s*$)",
+      "beginCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.template.html"
+        }
+      },
+      "end": "(</)(template)(>)",
+      "endCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.template.html"
+        },
+        "3": {
+          "name": "punctuation.definition.tag.end.html"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#tag-stuff"
+        },
+        {
+          "contentName": "text.slim",
+          "begin": "(>)",
+          "beginCaptures": {
+            "1": {
+              "name": "punctuation.definition.tag.end.html"
+            }
+          },
+          "end": "(?=</template>)",
+          "patterns": [
+            {
+              "include": "text.slim"
+            }
+          ]
+        }
+      ]
+    },
     {
       "begin": "(<)(template)\\b(?=[^>]*lang=('slm'|\"slm\"))(?![^/>]*/>\\s*$)",
       "beginCaptures": {
diff --git a/syntaxes/vue.tmLanguage.json b/syntaxes/vue.tmLanguage.json
index c21e6d9220..6c5f69022b 100644
--- a/syntaxes/vue.tmLanguage.json
+++ b/syntaxes/vue.tmLanguage.json
@@ -169,6 +169,49 @@
         }
       ]
     },
+    {
+      "begin": "(<)(template)\\b(?=[^>]*lang=('slim'|\"slim\"))(?![^/>]*/>\\s*$)",
+      "beginCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.template.html"
+        }
+      },
+      "end": "(</)(template)(>)",
+      "endCaptures": {
+        "1": {
+          "name": "punctuation.definition.tag.begin.html"
+        },
+        "2": {
+          "name": "entity.name.tag.template.html"
+        },
+        "3": {
+          "name": "punctuation.definition.tag.end.html"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#tag-stuff"
+        },
+        {
+          "contentName": "text.slim",
+          "begin": "(>)",
+          "beginCaptures": {
+            "1": {
+              "name": "punctuation.definition.tag.end.html"
+            }
+          },
+          "end": "(?=</template>)",
+          "patterns": [
+            {
+              "include": "text.slim"
+            }
+          ]
+        }
+      ]
+    },
     {
       "begin": "(<)(template)\\b(?=[^>]*lang=('slm'|\"slm\"))(?![^/>]*/>\\s*$)",
       "beginCaptures": {
diff --git a/syntaxes/vue.yaml b/syntaxes/vue.yaml
index 63e54e8d22..417d75e82c 100644
--- a/syntaxes/vue.yaml
+++ b/syntaxes/vue.yaml
@@ -85,6 +85,26 @@ patterns:
         patterns:
           - include: text.haml
 
+  # slim
+  - begin: (<)(template)\b(?=[^>]*lang=('slim'|"slim"))(?![^/>]*/>\s*$)
+    beginCaptures:
+      '1': { name: punctuation.definition.tag.begin.html }
+      '2': { name: entity.name.tag.template.html }
+    end: (</)(template)(>)
+    endCaptures:
+      '1': { name: punctuation.definition.tag.begin.html }
+      '2': { name: entity.name.tag.template.html }
+      '3': { name: punctuation.definition.tag.end.html }
+    patterns:
+      - include: '#tag-stuff'
+      - contentName: text.slim
+        begin: (>)
+        beginCaptures:
+          '1': { name: punctuation.definition.tag.end.html }
+        end: (?=</template>)
+        patterns:
+          - include: text.slim
+
   # slm
   - begin: (<)(template)\b(?=[^>]*lang=('slm'|"slm"))(?![^/>]*/>\s*$)
     beginCaptures: