mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-30 18:47:51 +00:00
30 lines
903 B
Vue
30 lines
903 B
Vue
<script setup>
|
|
import LocaleCard from './LocaleCard.vue';
|
|
const locales = [
|
|
{ name: 'English', isDefault: true, articleCount: 29, categoryCount: 5 },
|
|
{ name: 'Spanish', isDefault: false, articleCount: 29, categoryCount: 5 },
|
|
];
|
|
</script>
|
|
|
|
<!-- eslint-disable vue/no-bare-strings-in-template -->
|
|
<!-- eslint-disable vue/no-undef-components -->
|
|
<template>
|
|
<Story
|
|
title="Components/HelpCenter/LocaleCard"
|
|
:layout="{ type: 'grid', width: '800px' }"
|
|
>
|
|
<Variant title="Locale Card">
|
|
<div class="px-10 py-4 bg-n-background">
|
|
<div v-for="(locale, index) in locales" :key="index" class="px-20 py-2">
|
|
<LocaleCard
|
|
:locale="locale.name"
|
|
:is-default="locale.isDefault"
|
|
:article-count="locale.articleCount"
|
|
:category-count="locale.categoryCount"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|