vuejs.org | The official documentation site for Vue.js | Frontend Framework library

(this grew too long for a comment, but probably already answers what you need)

itemSectionProps:

Your props are defined as:

Your syntax for installing the Vuex instance to your app is a little off. You can only install one Vue plugin to an app in each call to use, so combining router, store, key like that doesn't work. As such, Vuex isn't getting installed at all.

To fix, change this line:

The main problem here is that you are working with vue-template-compiler documentation, but that package is the compiler for Vue 2!

In Vue 3, compiler is split into multiple packages and is missing proper documentation as of now (or I was just unable to find it)

Also there were significant changes in the API - instead of modules, you pass nodeTransforms (source) and transforms are not objects, just functions.

Luckily for you, there is a interesting video on YT presented by Vue core member Rahul Kadyan which shows the exact use case you need (removing data-test attributes) - code

So I guess the code should look like this:

Your code should already work. It might seem to not work because the loading happens instantaneously.

If you artificially delay the return of import('../components/dashboard'), you'll notice the loader displayed:

computed() is Vue internal, and is updated when any ref being called inside of it is updated.

subscribe() is Vuex specific and will be called whenever any mutation was called.

Okay I tried your project in my local and here's how you do it.

I finally made it works !

This is how I did it:

1. I put my Article folder in the public folder of vue-cli
2. Created a nodejs programme to make/update a database of all articles in the article folder every 10 minutes, sorting them by date of creation (I will make a cron job with cron later)
3. Made this nodejs programm to answer to some GET query:
   • when I want a preview, the programm send a "preview" of the article (it takes the title, the description and the first image of the html file of the article and send it in a html format)
   • when I want a url, the programm send the link of the html page inside the public folder (see how to do it here)
4. So on my vuejs app, the view fetch a preview to the nodejs backend with the fetch api and show it. Then, when the user click on the preview, my vue show a ifram of the webpage's article at the specified url fetched.

Tips: Be aware that npm build will erase the Article's folder if it's only present in the dist folder. To avoid it, change the script of package.json to add the --no-clean argument to the build command

I don't know if it's a good and efficient way of doing it, but it works well and it's very easely customisable. So for the moment, I'll do it like that way :)

You can't change PopoverModal data directly using template, but you can bind some setter methods.

Some example code:

HelloWorld.vue

I. If you want to stub all child components automatically you just can use shallowMount instead of mount.

II. If you want so use mount anyway try to fix your stubs like that: