reflect lowercase in types

Author: GrandSchtroumpf

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

@@ -49,15 +49,15 @@ export default component$(({ list }) => {
 }
 ```
 
-Sometime we need to have some specific logic before the animation start. In this case you can listen to the `qviewTransition` event.
+Sometime we need to have some specific logic before the animation start. In this case you can listen to the `qviewtransition` event.
 
 For example if you want to only animate visible element:
 
 ```tsx
 export default component$(() => {
   // In this case we need the callback to be sync, else the transition might have already happened
   useOnDocument(
-    'qviewTransition',
+    'qviewtransition',
     sync$((event: CustomEvent<ViewTransition>) => {
       const transition = event.detail;
       const items = document.querySelectorAll('.item');
@@ -121,7 +121,7 @@ export default component$(() => {
     }
   `);
   useOnDocument(
-    'qviewTransition',
+    'qviewtransition',
     $(async (event: CustomEvent<ViewTransition>) => {
       // Get visible item's viewTransitionName (should happen before transition is ready)
       const items = document.querySelectorAll<HTMLElement>('.item');

packages/qwik/src/core/shared/jsx/types/jsx-qwik-attributes.ts

@@ -114,7 +114,7 @@ type AllEventMapRaw = HTMLElementEventMap &
     qinit: QwikInitEvent;
     qsymbol: QwikSymbolEvent;
     qvisible: QwikVisibleEvent;
-    qviewTransition: QwikViewTransitionEvent;
+    qviewtransition: QwikViewTransitionEvent;
   };
 
 /** This corrects the TS definition for ToggleEvent @public */