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.

Question: Configure `vue/order-in-components` to play nice with `sort-keys`?

See original GitHub issue

I have vue/order-in-components set, but I also have sort-keys enabled for natural sort order.

I wanted to know if there is some configuration that I can use to make the two rules play nicely together?

Currently when I sort vue components in order, then sort-keys errors about natural sort order. I know that I can litter my components with eslint disable comments, but I would prefer no to do that if it is at all possible?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:5
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
michalsnikcommented, Dec 17, 2017

I’m afraid we can’t do anything about that. One rule does not know anything about any other, and we can’t interfere with what other rules should or shouldn’t lint. You have to either disable sort-keys per component or disable it completely.

0reactions
Xotic750commented, Jun 29, 2018

We disabled the rule a while back after, and a colleague wrote a sorter using jscodeshift.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Components Basics - Vue.js
Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. It's common for an...
Read more >
Best way to sort through components Vue JS - Stack Overflow
Run this snippet (full page) and check if that's what you want. It's a single component, but you can follow the comments so...
Read more >
How To Build Vue Components That Play Nice
The 6 key concepts you need to know to create reusable Vue components that play nicely with the rest of the Vue ecosystem....
Read more >
Icons | BootstrapVue
Bootstrap Icons are designed to work with Bootstrap components, ... BootstrapVue icon components are built from bootstrap-icons v1.5.0 source SVGs.
Read more >
Focus management with Vue refs - Learn web development
Instead, we need to wait until after Vue undergoes the next DOM update cycle. To do that, Vue components have a special method...
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