thank you.i solved it

@jeffatpf thank you. i use your solution

thank you.i solved it

At the first i run quasar new plugin watermark in terminal space.after that i download watermark.js and copy codes in watermark.js that generate in plugins folder and write ‘watermark’ to plugins in quasar.conf.js
i hope ,i explain completely

@s-molinari i use Quasar cli and i install that by below code:
npm install -g quasar-cli
quasar init project-name

i add watermark.js file to plugins folder and add to quasar.conf.js ,but i doesnt work
and the error is undefine in plugin folder

@shone hi,i read a lot of vue js document and tutorials.i write my code in pages folder in project.that generated when run npm install -g quasar-cli …
you think, it is wrong???
Although all of my code worked correctly even some time i use the api request in my code .and i get the result
what i do?

@hawkeye64 thank you,i changed it,but doesnt work

@s-molinari thank you,but i write my code in .vue file and dont use the
new vue ({
el:’ ',
…
})

hi, i have a problem,i have a varieties array with property that one of them is object. I cant get value of size …
Also tableDataVariety is result of api request that i want to show in table.thanks for help

      <q-table 
   class="responsive bg-white" 
    :data="tableDataVariety"
    :columns="Varietycolumns"
    row-key="ID"
    separator="cell"
       >
   <tr slot="header" slot-scope="props" >
    <q-th key="price" :props="props">
      <span  class="text-grey-9"><strong>price</strong></span>
    </q-th>
      <q-th key="size" :props="props" >
      <span  class="text-grey-9"><strong>size</strong></span>
    </q-th>
     <q-th key="height" :props="props" >
      <span  class="text-grey-9"><strong>height</strong></span>
    </q-th>
    
   </tr>
  <template slot="body" slot-scope="props">
    <q-tr :props="props">
      <q-td key="price"  :props="props">{{ props.row.price }}</q-td>
      <q-td key="size">
        {{props.row.size.value}}
      </q-td>
      <q-td key="height"  :props="props">{{ props.row.height }}</q-td>       
<q-td key="length"  :props="props">{{ props.row.length }}</q-td>
    
    </q-tr>
  </template>
  </q-table>```
```javascript
Varietycolumns: [
        { name: 'price', label: 'price', field: 'price', sortable: true,align:'center' },
        { name: 'size', label: 'size', field: 'size' },
        { name: 'height', label: 'height', field: 'height',align: 'center',}
]

tableDataVariety: [{ID: 440, price: "0", quantity: "0", minQuantity: "0", length: "0.00",size: {ID: 3, value: "9 meter"}},
]

How can i use watermark on image in quasar.and i must add watermark plugin?