Hello
I have a pwa in the quasar 1.x branch and am trying to upgrade to quasar 2.x. I will comment on the problems I had:

1. Following the update guide [1] I could never finish, in the end I had problems with workbox, so I discarded this option and went for the next one.

2. I started an app from scratch and I was moving the code and modifies it according to the guide [1] and installing the dependencies. This worked fine, the app runs, but I have a problem with the storage. Below I comment what happens.

• I use VuexPersistence and localForage for persistent storage. The problem I have is that the data is lost when refreshing or closing and re-entering.

This worked fine before updating:

import VuexPersistence from 'vuex-persist'
import localForage from 'localforage'

Vue.use(Vuex)
const vuexLocal = new VuexPersistence({
  storage: localForage,
  key: 'my_pwa_app'
})

export default function () {
  const Store = new Vuex.Store({
    plugins: [vuexLocal.plugin],
    modules: {
    ...

but as I said, the data is lost.
I thought it might be something relative to the localForage or VuexPersistence versions, because having created the project from scratch and installed the dependencies again, they were updated with respect to the original project, but it was not that

• If I change the storage to window.localStorage it works fine:

Vue.use(Vuex)
const vuexLocal = new VuexPersistence({
  storage: window.localStorage,
  key: 'my_pwa_app'
})

Anyone have any idea what might be going on
Thank you so much
Jose

[1] https://quasar.dev/quasar-cli/app-upgrade-guide

I think the problem was in node-key which used label and some nodes have the same label, now I am changing to a numeric id and it seems to work as I want

Hi @dobbel I was testing filter-method, the problem I see is that even though I can select the node, the children are not shown. In my case the tree leaves are url

I am using the tree component with filter, but the behavior is not as expected, what I do not know is if it is a bug or I am doing something wrong

The code is in: https://codepen.io/josejachuf/pen/eYddPxV

If I search for ‘Administrator’, it finds the node, but doesn’t show the children (Mike, Hunt)

The behavior I expect is the one shown in this example of vuetifyjs:

https://vuetifyjs.com/en/components/treeview/#search-and-filter

Hi @dobbel I Uninstall version 5 and install version 4 and now it works fine. So the query now how should I do if I wanted to use version 5?

Hello dobbel, I don’t understand the question.
I am trying to migrate my pwa, which works fine on branch 1.x, to branch 2.x. I followed all the instructions given in [1] and I am missing two things to make it work:

1. What I mention here about the custom-service-worker
2. Another one that I consulted in another thread about localforage (I solved it using localstorage)

[1] https://quasar.dev/quasar-cli/app-upgrade-guide

I want to mention that I installed:
yarn add --dev workbox-webpack-plugin@^5.0.0

Hi all

In branch 1.x when I use src-pwa/custom-service-worker.js workbox is injected, then:

if (workbox) {
  ...
}

but not in the 2.x branch. I get ‘workbox’ is not defined.

pwa: {
    workboxPluginMode: 'InjectManifest', // 'GenerateSW' or 'InjectManifest'
    workboxOptions: {}, // only for GenerateSW
    ...
}

I tried importScripts but I get ‘importScripts’ is not defined
How do you do this in branch 2.x?

Jose

Hello
I have a pwa in the quasar 1.x branch and am trying to upgrade to quasar 2.x. I will comment on the problems I had:

1. Following the update guide [1] I could never finish, in the end I had problems with workbox, so I discarded this option and went for the next one.

2. I started an app from scratch and I was moving the code and modifies it according to the guide [1] and installing the dependencies. This worked fine, the app runs, but I have a problem with the storage. Below I comment what happens.

• I use VuexPersistence and localForage for persistent storage. The problem I have is that the data is lost when refreshing or closing and re-entering.

This worked fine before updating:

import VuexPersistence from 'vuex-persist'
import localForage from 'localforage'

Vue.use(Vuex)
const vuexLocal = new VuexPersistence({
  storage: localForage,
  key: 'my_pwa_app'
})

export default function () {
  const Store = new Vuex.Store({
    plugins: [vuexLocal.plugin],
    modules: {
    ...

but as I said, the data is lost.
I thought it might be something relative to the localForage or VuexPersistence versions, because having created the project from scratch and installed the dependencies again, they were updated with respect to the original project, but it was not that

• If I change the storage to window.localStorage it works fine:

Vue.use(Vuex)
const vuexLocal = new VuexPersistence({
  storage: window.localStorage,
  key: 'my_pwa_app'
})

Anyone have any idea what might be going on
Thank you so much
Jose

[1] https://quasar.dev/quasar-cli/app-upgrade-guide

Hi,

I use Vue2Leaflet [1]

Best Regards

[1] https://korigan.github.io/Vue2Leaflet/#/quickstart.md

Hi all.
Does anyone have an example of how to use sync and push in pwa?
Just that, thank you very much.

TJose