Destructuring - storeToRefs

[marcpaskell]

Hi - hopefully a simple answer for anyone who's been using pinia for a bit longer than me :)

So assuming I have a store that looks something like this:

state: () => {
    return {
        application: {
            settings: {
                branding: {
                    primary: {
                        headline: 'Pinia'
                        tagLine: 'The Vue Store that you will enjoy using'
                    }
                }
            }
        }
    }
  }

Rather than referencing it in components like this

const applicationStore = useApplicationStore();
const application = storeToRefs(applicationStore);

and using the full path application.settings.branding.primary.headline in templates or computed values etc

Is there any way to destructure the store state, perhaps as you could with a reactive via toRefs?

const applicationStore = useApplicationStore();
const { headline, tagLine } = toRefs(applicationStore.settings.branding.primary);

this approach pulls the original value but is not reactive