Well, doing tests I found a simpler solution: just put the component inside a <form> tag with the attributes you want to specify for example:

<form  autocomplete="off">
			<q-search size="lg"  placeholder="search" clearable color="primary" v-model.trim="filterText" />
		</form>

For the draggable case implement a component: https://codesandbox.io/s/quirky-shannon-nfpci?fontsize=14&hidenavigation=1&theme=dark
Because it was the functionality I needed at the time.
In the same way it would be possible to add the resize and scale functionality (I will try when I have time).

testing and testing I solved them:
it seems to me that the problem is yarn since
capacitor also uses npx. If you use capacitor mode always use npm as package getor
also after adding quasar add mode capacitor: go to the src-capacitor folder and do npx cap add android.

then try:
in pages / Index.vue
import {Plugins} from “@ capacitor / core”
console.log (Plugins). and I already got results.

testing and testing I solved them:
it seems to me that the problem is yarn since
capacitor also uses npx. If you use capacitor mode always use npm as package getor
also after adding quasar add mode capacitor: go to the src-capacitor folder and do npx cap add android.

then try:
in pages / Index.vue
import {Plugins} from “@ capacitor / core”
console.log (Plugins). and I already got results.

Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory)
from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91…

I get it in all the capacitor project
and I solve it like this:

in android studio go to:
1.Refactor/Migrate to AndroidX… ,
once you complete the task
2.on the bottom build click button -> Do refactor
3. build again

Sorry for asking here also what I want to know is how plugins are used from capacitor from: / src, when all resources are in src-capacitor.
I can’t access let’s say from: src / pagaes / Index.vue
import {Plugins} from “@ capacitor / core”

I must install all the capacitor resources again in the root of the Quasar project ??. Thanks for answering

I have the same problem, you can’t even access the default plugins that come with capacitor from the src / pages / index.vue views since the plugins are in src-capacitor / node_modules: in the capacitor api examples clearly shows that import {Plugins} from “@ capacitor / core” but this is not possible for the above mentioned. How can capacitor resources be used from src if Qusar creates a subfolder src-capacitor ??

For the draggable case implement a component: https://codesandbox.io/s/quirky-shannon-nfpci?fontsize=14&hidenavigation=1&theme=dark
Because it was the functionality I needed at the time.
In the same way it would be possible to add the resize and scale functionality (I will try when I have time).

In my configuration q-table :

  <q-table
      class="my-sticky-header-column-table-caja"
      dense
      :data="cajaFilterDateData"
      :columns="columns"
      :filter="filter"
      :filter-method="filterCaja"
      row-key="name"
      :rows-per-page-options="[0]"
      :pagination.sync="pagination"
      flat
      bordered
      separator="cell"
      table-header-class="bg-orange text-white"
      virtual-scroll
    >
      <template v-slot:top-row>
        <q-tr>
          <q-td colspan="100%">Top row</q-td>
        </q-tr>
      </template>

      <template v-slot:bottom-row>
        <q-tr>
          <q-td colspan="100%">Bottom row</q-td>
        </q-tr>
      </template>

display:
Only working whitout virtual-scroll prop:

 <q-table
      class="my-sticky-header-column-table-caja"
      dense
      :data="cajaFilterDateData"
      :columns="columns"
      :filter="filter"
      :filter-method="filterCaja"
      row-key="name"
      :rows-per-page-options="[0]"
      :pagination.sync="pagination"
      flat
      bordered
      separator="cell"
      table-header-class="bg-orange text-white"
    >
      <template v-slot:top-row>
        <q-tr>
          <q-td colspan="100%">Top row</q-td>
        </q-tr>
      </template>

      <template v-slot:bottom-row>
        <q-tr>
          <q-td colspan="100%">Bottom row</q-td>
        </q-tr>
      </template>

Display correctly:

How can I solve the problem or get the desired result?
Thank you.

Well, doing tests I found a simpler solution: just put the component inside a <form> tag with the attributes you want to specify for example:

<form  autocomplete="off">
			<q-search size="lg"  placeholder="search" clearable color="primary" v-model.trim="filterText" />
		</form>