WARNING: THIS SITE IS A MIRROR OF GITHUB.COM / IT CANNOT LOGIN OR REGISTER ACCOUNTS / THE CONTENTS ARE PROVIDED AS-IS / THIS SITE ASSUMES NO RESPONSIBILITY FOR ANY DISPLAYED CONTENT OR LINKS / IF YOU FOUND SOMETHING MAY NOT GOOD FOR EVERYONE, CONTACT ADMIN AT ilovescratch@foxmail.com
Skip to content

Pinia devtools do not appear when choosing linter with yarn create quasarΒ #18161

@FKPSC

Description

@FKPSC

What happened?

Pinia devtools do not appear when choosing linter with yarn create quasar.

Commenting this section in quasar.config.ts brings it back:

        ['vite-plugin-checker', {
          vueTsc: true,
          eslint: {
            lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
            useFlatConfig: true
          }
        }, { server: false }]

What did you expect to happen?

Pinia devtools to appear

Reproduction URL

https://codepen.io/features/privacy#I_tried_both_StackBlitz_and_Codesandbox_but_I_could_not_get_it_to_work

How to reproduce?

  1. Install Vue dev tools extension (https://github.com/vuejs/devtools)
  2. Run yarn create quasar and select all when prompted (linting, Pinia, axios, i18n)
  3. Run quasar dev, inspect the page, go to the Vue tab
  4. The Pinia icon and view are not available
  5. Stop the previous quasar dev
  6. Comment the vite-plugin-checker section in quasar.config.ts
  7. Run quasar dev, inspect the page, go to the Vue tab
  8. The Pinia icon and view are now available

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Project Creation (create-quasar)

Platforms/Browsers

No response

Quasar info output

Operating System - Linux(6.14.0-112033-tuxedo) - linux/x64
NodeJs - 20.19.3

Global packages
  NPM - 11.4.2
  yarn - 1.22.22
  pnpm - Not installed
  bun - Not installed
  @quasar/cli - 2.5.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.18.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.4.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.22 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.6.3
  pinia - 3.0.3 -- Intuitive, type safe and flexible Store for Vue
  vite - 7.1.11 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 9.38.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.25.11 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.9.3 -- TypeScript is a language for application scale JavaScript development
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions