demo apps changes

HorusGoul · Nov 6, 2024 · db9f52c · db9f52c
1 parent 7e8d4a3
commit db9f52c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -127,7 +127,7 @@ Vue doesn't require any extra setup steps, but here's an example of how you can
 </script>
 
 <template>
-  <div :class="stylex(styles.root)">
+  <div v-bind="stylex.attrs(styles.root)">
     <slot />
   </div>
 </template>

diff --git a/apps/qwik-demo/src/Card.tsx b/apps/qwik-demo/src/Card.tsx
@@ -4,7 +4,7 @@ import { Slot, component$ } from "@builder.io/qwik";
 
 const Card = component$(() => {
   return (
-    <div class={stylex(styles.root)} data-testid="card">
+    <div {...stylex.attrs(styles.root)} data-testid="card">
       <Slot />
     </div>
   );

diff --git a/apps/sveltekit-demo/src/Card.svelte b/apps/sveltekit-demo/src/Card.svelte
@@ -13,6 +13,6 @@
   });
 </script>
 
-<div class={stylex(styles.root)} data-testid="card">
+<div {...stylex.attrs(styles.root)} data-testid="card">
   <slot />
 </div>
diff --git a/apps/vue-demo/src/Card.vue b/apps/vue-demo/src/Card.vue
@@ -17,7 +17,7 @@ const styles = stylex.create({
 </script>
 
 <template>
-  <div :class="stylex(styles.root)" data-testid="card">
+  <div v-bind="stylex.attrs(styles.root)"  data-testid="card">
     <slot />
   </div>
 </template>