Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feature: language support for vue files

See original GitHub issue

Actual Behavior

All features except basic syntax highlighting and snippets don’t work in .vue files.

Expected Behavior

They should work as expected, just like they do in .js, .ts, .graphql, etc. files.

Steps to Reproduce the Problem Or Description

Just create a .vue file and try to write a query using gql tag, you will just get graphql snippets and basic syntax highlighting.

Specifications

GraphQL for VSCode Extension Version: graphql.vscode-graphql v0.3.9
VSCode Version: 1.49.1
OS Name: Windows 10
OS Version: v2004 build 19041.450
Notes: The extension is installed and running in WSL 2. So, the details of that OS:
- Ubuntu 20.04.1 LTS
- /proc/version: Linux version 4.19.84-microsoft-standard (oe-user@oe-host) (gcc version 8.2.0 (GCC)) graphql/vscode-graphql#1 SMP Wed Nov 13 11:44:37 UTC 2019

Logs Of TS Server || GraphQL Language Service

N/A

Issue Analytics

State:
Created 3 years ago
Reactions:5
Comments:9 (4 by maintainers)

Top GitHub Comments

2reactions

acaocommented, Sep 24, 2020

maybe this interface? https://github.com/mysticatea/vue-eslint-parser/blob/c627e36c57ab6607c96f995e81b8ce693ac846ef/src/index.ts#L142

I can probably have this working by next week

1reaction

tobiasdiezcommented, Oct 23, 2022

@acao I think this can be closed now!

Top Results From Across the Web

Vue.js Extension Pack - Visual Studio Marketplace

Vue.js Extension Pack. This extension pack adds features and language support for Vue.js development. Extensions Included in this pack.

The Ultimate Vue Localization Guide

Note » I'm supporting English ( en ) and Arabic ( ar ) in my app. Feel free to support any languages you...

Using Vue with TypeScript

Volar is the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features. TIP. Volar replaces Vetur,...

How to add Internationalization to a Vue Application

Let's create this using English and Spanish for our supported languages. Add the following code below the Vue.use line in the i18n.js file....

Editors and Tools

Vue apps are written in plain JavaScript, any code editor would do the job. However if you want to benefit from more advanced...