HI everybody! I started to develop PWA from scratch according to documentation:

$quasar mode add pwa

WARNING
Note that you don’t need to edit your index.html file (generated from /src/index.template.html) to link to the manifest file. Quasar CLI takes care of embedding the right things for you.

However when starting a project No manifest detected in Chrome dev tool.
What went wrong? how to fix?

@metalsadman , sorry, i was very busy these days.
So, i tried to outline the problem that I’m solving:
https://codesandbox.io/s/recursing-cdn-dqnp7
i want to uncheck one of the items (one, or two, any) and so that this item is not copied into another array when copying (by clicking the button ‘Copy to Another Array’).

Thank you! Hope i explained clearly…

@Shoooryuken
Thank you for your answer!
I think my case is a little more complicated. I get data from server that is storing into empty array. It looks like this:
The data from server:
{
[user: ‘John Lennon’, userId: ‘53d879b2-c44c-11e7-9456-002590c134db’],
[user: ‘Paul McCartney’, userId: ‘c8faace9-b24e-47af-8f64-1ea9e30ae8c0’],
[user: ‘Ringo Starr’, userId: ‘70d9fec0-8c8b-446c-bd6b-8460aa5c1679’],
[user: ‘George Harrison’, userId: ‘d00d9bad-7f74-4e66-8ddc-071bf37da0f0’]
}

this.objects = data

in my data
objects: []

in my template:
<div v-for="(item, i) in objects">
{{ item.user }}
</div>

So, how do i insert this v-model into an empty array?
<q-checkbox v-model=“post.userId” />

thank you!!

Hi everybody!
I have a dynamic list of users, which I get using the directive v-for. This list includes the checkboxes. If I pointed out one - all checkboxes are selected.
My questions is: how can i deselect only one checkbox, bounded to userId for example?
Thank you!

@metalsadman i found the problem - this is not working within a modal (not working means do not scrolling):

when I place this not in a modal window - everything works

ok! Thank you for your valuable help and support, i think i will find solution, probably I’ll make a modal window as a separate component. Then it should work!

@metalsadman doesn’t work!
here is my boot file (main.js in /src/boot/ dir:

// import something here

// "async" is optional
//export default async ({ /* app, router, Vue, ... */ }) => {
  // something to do
//}

import 'vue-scroll-picker/dist/style.css'
import VueScrollPicker from 'vue-scroll-picker'

export default ({ Vue }) => {
  Vue.use(VueScrollPicker)
}

here is the component ( i try with and without import style.css:

import "../../../node_modules/vue-scroll-picker/dist/style.css"
import { ScrollPicker, ScrollPickerGroup } from "vue-scroll-picker"
 
export default {
  components: {
    ScrollPicker,
    ScrollPickerGroup,
  },

this is quasar.conf.js:

module.exports = function (ctx) {
  return {
    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    boot: [
      'main.js'
    ],

    css: [
      'app.styl',
      '~vue-scroll-picker/dist/style.css'
    ],

What i did wrong?

@metalsadman thank you, i tried this in all options, but doesn’t work

@s-molinari yes, i tried to do that:
import “vue-scroll-picker/dist/style.css”

is not working

Of course, I pointed all the paths correctly, but it does not work

@s-molinari styles are not loaded from the package. I installed the package according to the docs ‘npm i vue-scroll-picker’. So, i have this package in my package.json file. I also imported this in my component:

import { ScrollPicker, ScrollPickerGroup } from “vue-scroll-picker”

export default {
components: {
ScrollPicker,
ScrollPickerGroup,
}
})
so I only have HTML without styles

Hi everybody! I try to embed some NPM package , but got trouble with styles. How can i connect styles to my Quasar Cli component? Thank you