fix: issues with class in vue

db-ui · Jan 16, 2025 · a4cd422 · a4cd422
1 parent e2ab1af
commit a4cd422
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/showcases/vue-showcase/src/components/DefaultComponent.vue b/showcases/vue-showcase/src/components/DefaultComponent.vue
@@ -112,7 +112,7 @@ const getElevation = (): "1" | "2" | "3" =>
 	<!-- TODO: Slots not working for nested components? -> Had to copy paste variant-cards...	-->
 	<DBCard
 		v-if="variantRef"
-		className="variants-card"
+		class="variants-card"
 		:elevation-level="getElevation()"
 	>
 		<div
@@ -141,15 +141,15 @@ const getElevation = (): "1" | "2" | "3" =>
 		<div v-for="(variant, variantIndex) in variants">
 			<DBDivider></DBDivider>
 			<DBLink
-				className="link-headline"
+				class="link-headline"
 				content="external"
 				target="_blank"
 				:href="getLink(variant.name)"
 				@click="(event) => openVariantLink(event, variant.name)"
 			>
 				{{ variant.name }}
 			</DBLink>
-			<DBCard className="variants-card" :elevation-level="getElevation()">
+			<DBCard class="variants-card" :elevation-level="getElevation()">
 				<div
 					:role="variant.role"
 					:aria-label="variant.role ? variant?.name : undefined"

diff --git a/showcases/vue-showcase/src/components/stack/Stack.vue b/showcases/vue-showcase/src/components/stack/Stack.vue
@@ -14,7 +14,7 @@ import { DBStack, DBInfotext, DBDivider } from "../../../../../output/vue/src";
 					{{ exampleName }}
 				</DBInfotext>
 				<DBStack
-					:className="
+					:class="
 						(exampleProps.justifyContent ?? exampleProps.alignment)
 							? 'stack-container stack-show-alignment'
 							: 'stack-container'
@@ -26,17 +26,17 @@ import { DBStack, DBInfotext, DBDivider } from "../../../../../output/vue/src";
 					:direction="exampleProps.direction"
 					:justifyContent="exampleProps.justifyContent"
 				>
-					<span className="dummy-component">
+					<span class="dummy-component">
 						<a href="#">Content 1</a>
 					</span>
 					<template v-if="exampleProps.variant === 'divider'"
 						><DBDivider />
 					</template>
-					<span className="dummy-component"> Content 2 </span>
+					<span class="dummy-component"> Content 2 </span>
 					<template v-if="exampleProps.variant === 'divider'"
 						><DBDivider />
 					</template>
-					<span className="dummy-component"> Content 3 </span>
+					<span class="dummy-component"> Content 3 </span>
 				</DBStack>
 			</DBStack>
 		</template>