fix(app-vite&app-webpack): Avoid Vue "enumaration" warning when using router inside Pinia (fix: #12936)

[Bosphoramus]

What kind of change does this PR introduce?

• Bugfix
• Feature
• Documentation
• Code style update
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change?

• Yes
• No

The PR fulfills these requirements:

• It's submitted to the dev branch (or v[X] branch)
• When resolving a specific issue, it's referenced in the PR's title (e.g. fix: #xxx[,#xxx], where "xxx" is the issue number)
• It's been tested on a Cordova (iOS, Android) app
• It's been tested on a Electron app
• Any necessary documentation has been added or updated in the docs or explained in the PR's description.

If adding a new feature, the PR's description includes:

• A convincing reason for adding this feature (to avoid wasting your time, it's best to start a new feature discussion first and wait for approval before working on it)

Other information:
This PR fixes the Vue warning:

Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid the performance overhead.

[Bosphoramus]

Issue link

[yusufkandemir]

Thanks for contributing! 👏

[Bosphoramus]

@yusufkandemir oh, i also adjusted the app-vite file, but it didnt get commited for some reason 😅
Thank you for editing it yourself

[Bosphoramus]

Thanks for contributing! 👏

Thanks to you :)

[rstoenescu]

Thanks for contributing!
Improved this a bit. Rather than executing the markRaw for each store, marked it as raw from the get-go. While at it, it actually is better to also do this for Vuex too.

[rstoenescu]

Also, going to change the default store code - by eliminating the arrow keys so "this" can point to the right thing.

[Bosphoramus]

@rstoenescu perfect! Thank you 😊

[Bosphoramus]

Hope all this is released soon haha