Classes of child DOM elements are not updated

Hello. I'm making a ListBox component. The component should have styled scrollbars and a perfect scrollbar is great for this, but there is a problem. It lies in the fact that the class of the ListBox elements is not updated (not reactive?). The ListBox component template looks like this: `

      <span>{{ opt.value.name }} </span>
  </label>

` The tag should change its "checked" class if the checkbox is selected. The problem is that I can't force it to change. At the same time, if you do not wrap the list in , then everything works fine, the class changes. I don't understand how to fix this.

Sandbox here https://stackblitz.com/edit/nuxt-starter-asttfi?file=pages/index.vue In Sandbox: "Listbox" component - using "perfect-scrollbar" - no class hovering "ListboxPsOff" component - without "perfect-scrollbar" - everything works, the class is hung

mercs600 / vue2-perfect-scrollbar

Classes of child DOM elements are not updated #93