Add support for inline graphql highlighting in Vue <script> tags (#981)

Add `.vue` file types to the vscode extension in order to pick up Vue files for syntax highlighting, etc.
apollographql · Feb 7, 2019 · d5cc7f1 · d5cc7f1
1 parent 3aff167
commit d5cc7f1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@
   - Support validation parameters for service:check [#953](https://github.com/apollographql/apollo-tooling/pull/953)
 - `apollo-language-server`
   - Better error handling in ApolloEngineClient [#953](https://github.com/apollographql/apollo-tooling/pull/953)
+- `vscode-apollo`
+  - Fix inline graphql highlighting in Vue `<script>` tags [#981](https://github.com/apollographql/apollo-tooling/pull/981)
 
 ## `apollo@2.4.4`, `apollo-codegen-scala@0.33.0`
 

diff --git a/packages/vscode-apollo/package.json b/packages/vscode-apollo/package.json
@@ -83,7 +83,8 @@
           "source.js",
           "source.ts",
           "source.js.jsx",
-          "source.tsx"
+          "source.tsx",
+          "source.vue"
         ],
         "scopeName": "inline.graphql",
         "path": "./syntaxes/graphql.js.json",

diff --git a/packages/vscode-apollo/syntaxes/graphql.js.json b/packages/vscode-apollo/syntaxes/graphql.js.json
@@ -1,5 +1,5 @@
 {
-  "fileTypes": ["js", "jsx", "ts", "tsx"],
+  "fileTypes": ["js", "jsx", "ts", "tsx", "vue"],
   "injectionSelector": "L:source -string -comment",
   "patterns": [
     {