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

Co-authored-by: Yusuf Kandemir <yusuf.kandemir@outlook.com.tr>

Author: Bosphoramus

app-vite/templates/entry/app.js

@@ -20,6 +20,9 @@ import <%= metaConf.needsAppMountHook === true ? 'AppComponent' : 'RootComponent
 
 <% if (store) { %>
 import createStore from 'app/<%= sourceFiles.store %>'
+  <% if (metaConf.storePackage === 'pinia') { %>
+  import { markRaw } from 'vue'
+  <% } %>
 <% } %>
 import createRouter from 'app/<%= sourceFiles.router %>'
 
@@ -116,7 +119,9 @@ export default async function (createAppFn, quasarUserOptions<%= ctx.mode.ssr ?
     <% if (metaConf.storePackage === 'vuex') { %>
       store.$router = router
     <% } else if (metaConf.storePackage === 'pinia') { %>
-      store.use(() => ({ router }))
+      store.use(({ store }) => {
+        store.router = markRaw(router)
+      })
     <% } %>
   <% } %>
 

app-webpack/templates/entry/app.js

@@ -19,6 +19,9 @@ import <%= __needsAppMountHook === true ? 'AppComponent' : 'RootComponent' %> fr
 
 <% if (store) { %>
 import createStore from 'app/<%= sourceFiles.store %>'
+  <% if (__storePackage === 'pinia') { %>
+  import { markRaw } from 'vue'
+  <% } %>
 <% } %>
 import createRouter from 'app/<%= sourceFiles.router %>'
 
@@ -115,7 +118,9 @@ export default async function (createAppFn, quasarUserOptions<%= ctx.mode.ssr ?
     <% if (__storePackage === 'vuex') { %>
       store.$router = router
     <% } else if (__storePackage === 'pinia') { %>
-      store.use(() => ({ router }))
+      store.use(({ store }) => {
+        store.router = markRaw(router)
+      })
     <% } %>
   <% } %>