QUAL010warningPro

url-state-not-persisted

UI state that should be URL-persisted is stored in local ref()

Applies to: Vue

Why this matters

When you store UI state like 'activeTab' or 'selectedId' in a local ref(), it's lost when the user refreshes the page or shares the URL. This frustrates users who expect their view to be preserved. Use vue-router's useRoute/useRouter to sync important UI state with the URL.

Catch it before it ships

pip install stablestack # or: npx stablestackstablestack # scans your project, QUAL010 includedstablestack explain QUAL010

QUAL010 is part of the Pro rule set. See pricing — the free tier ships 24 checks with no signup.

False positive in your codebase? Suppress a single line with # noqa: QUAL010

More Code Quality checks

exception-swallowing

Silently swallowed exceptions hide bugs and make debugging hard

unnamed-thread

Threads without names are hard to identify in debugging tools

complex-tuple

Tuples with 3+ elements are hard to understand - use a dataclass instead

mutable-default-argument

Mutable default arguments are shared between calls and cause bugs

print-statement

Print statements are typically debugging code that shouldn't be committed

todo-comment

TODO/FIXME comments indicate incomplete or problematic code

broad-exception

Catching all exceptions hides bugs and makes debugging hard

magic-number

Magic numbers make code hard to understand and maintain