Merge pull request #7713 from GrandSchtroumpf/fix-view-transition

fix(view-transition): rename qwik-router-spa to qwik-navigation

Author: Varixo

.changeset/angry-boats-lose.md

@@ -0,0 +1,5 @@
+---
+'@qwik.dev/router': patch
+---
+
+Bugfix - rename the view transition type in CSS to prevent default view transition on SPA navigation

packages/docs/src/routes/docs/cookbook/view-transition/index.mdx

@@ -165,7 +165,7 @@ export default component$(() => {
 });
 ```
 
-When listening on the `qviewTransition` we know that
+When listening on the `qviewtransition` we know that
 
 > **Note**: For it to work correctly, we need to **remove the default view transition** animation else it happens on top of the `.animate()`. I'm using `view-transition-class` which is only working with Chrome right now.
 

packages/qwik-router/src/runtime/src/qwik-router-component.tsx

@@ -130,7 +130,7 @@ export const QwikRouterProvider = component$<QwikRouterProps>((props) => {
   useStyles$(`
     @layer qwik {
       @supports selector(html:active-view-transition-type(type)) {
-        html:active-view-transition-type(qwik-router-spa) {
+        html:active-view-transition-type(qwik-navigation) {
           :root{view-transition-name:none}
         }
       }