scaffolding bug in MainLayout.vue for Options API

[amc1999]

What happened?

If Options API selected during scaffolding then MainLayout.vue should not import ref. It should not be:

import { defineComponent, ref } from 'vue'

but:

import { defineComponent } from 'vue'

As it is today result failed with:

npm run dev

    47 |
    48 | <script>
  > 49 | import { defineComponent, ref } from 'vue'
       |                           ^^^

Trivial fix is to remove , ref from line 173 of quasar/create-quasar/templates/app/quasar-v2/js-vite-2/BASE/src/layouts/MainLayout.vue and from webpack / MainLayout.vue too.

What did you expect to happen?

Result of npm init quasar@latest should work, npm run dev should not fail.

Reproduction URL

https:// no URL /

How to reproduce?

1. npm init quasar@latest
2. select Options API
3. npm run dev
4. it fails:

    47 |
    48 | <script>
  > 49 | import { defineComponent, ref } from 'vue'
       |                           ^^^

Flavour

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

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

No response

Quasar info output

Relevant log output

Additional context

No response

[github-actions]

Hi @amc1999! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, CodeSandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

[amc1999]

It is really minor issue, fix is trivial.