question-mark
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.

Support class name intellisense (links) without scoped attribute

See original GitHub issue

Is it feasible to support class links in vue2 without scoped? It would be extremely handly if I could just jump into class declaration in style block. As I can understand it only works with vue3 & composition API.

Related: https://github.com/pranaygp/vscode-css-peek/issues/126

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
johnsoncodehkcommented, Mar 21, 2022

Also, since it’s must be enabled from jsconfig/tsconfig, it is configurable only on project-level. However, I’d higly appreciate I could somehow enable it globally 🙏 (maybe via extension object setting like globalJsconfig?).

This is a quick implementation that doesn’t currently do much premature optimization due to not being a stable design feature. (Actually based on some refactoring ideas, experimentalResolveNonScopedCssClasses will most likely change…)

Also, as I said the completion still doesn’t work in vue2 setups. Is it also by design?

You need to typing first character t to get suggestion, this is bug from here. I can’t check it today, if someone is interested to fix PR is welcome.

https://github.com/johnsoncodehk/volar/blob/4d7f5baff86d40563e229b9a247051438baea621/packages/vue-code-gen/src/generators/template.ts#L1440-L1456

0reactions
zardoycommented, Mar 21, 2022

Doesn’t experimentalRsolveNonScopedCssClasses mean to have resolve? Also, since it’s must be enabled from jsconfig/tsconfig, it is configurable only on project-level. However, I’d higly appreciate I could somehow enable it globally 🙏 (maybe via extension object setting like globalJsconfig?).

Also, as I said the completion still doesn’t work in vue2 setups. Is it also by design? image. I can open another issue with the original title, if there’d an easy way to enable them.

Anyway, thank you so much for your work and looking into that!

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML CSS Support - Visual Studio Marketplace
HTML id and class attribute completion. Supports linked and embedded style sheets. Supports template inheritance. Supports additional style ...
Read more >
Tag Helpers in ASP.NET Core | Microsoft Learn
Tag Helpers are authored in C#, and they target HTML elements based on element name, attribute name, or parent tag.
Read more >
Visual Studio: How do I show all classes inherited from a base ...
For VS2012,. Navigate to file in solution explorer; Expand and select your class; Right click the class item (not the file item) ->...
Read more >
The Style Information element - HTML - MDN Web Docs
If you include multiple <style> and <link> elements in your document, ... and if the scoped attribute is present: flow content.
Read more >
Code completion | WebStorm Documentation - JetBrains
Basic code completion helps you complete the names of classes, methods, fields, and keywords within the visibility scope.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found