docs : Fix useStylesScoped$ (QwikDev#4050)

Fix wrong hook name, `useStyleScoped$` should be change to `useStylesScoped$`
xyxu09 · May 4, 2023 · 1ff8c20 · 1ff8c20
1 parent f685531
commit 1ff8c20
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/docs/src/routes/docs/(qwik)/components/styles/index.mdx b/packages/docs/src/routes/docs/(qwik)/components/styles/index.mdx
@@ -141,13 +141,13 @@ export const Cmp = component$(() => {
 
 ## Scoped CSS
 
-To use scoped CSS, you can use the `useStyleScoped$()` hook exported from `@builder.io/qwik`.
+To use scoped CSS, you can use the `useStylesScoped$()` hook exported from `@builder.io/qwik`.
 
 ```tsx {4-8} title="src/components/MyComponent/MyComponent.tsx"
-import { component$, useStyleScoped$ } from '@builder.io/qwik';
+import { component$, useStylesScoped$ } from '@builder.io/qwik';
 
 export default component$(() => {
-  useStyleScoped$(`
+  useStylesScoped$(`
     .container {
       background-color: red;
     }
@@ -165,12 +165,12 @@ You can also import an external CSS file. For that you need to add the `?inline`
 ```
 
 ```tsx {3,6} title="src/components/MyComponent/MyComponent.tsx"
-import { component$, useStyleScoped$ } from '@builder.io/qwik';
+import { component$, useStylesScoped$ } from '@builder.io/qwik';
 
 import styles from './MyComponent.css?inline';
 
 export default component$(() => {
-  useStyleScoped$(styles);
+  useStylesScoped$(styles);
   return <div class="container">Hello world</div>;
 });
 ```