mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-31 19:17:48 +00:00
73 lines
1.7 KiB
Vue
73 lines
1.7 KiB
Vue
<script setup>
|
|
import ArticlesPage from './ArticlesPage.vue';
|
|
|
|
const articles = [
|
|
{
|
|
title: "How to get an SSL certificate for your Help Center's custom domain",
|
|
status: 'draft',
|
|
updatedAt: '2 days ago',
|
|
author: 'Michael',
|
|
category: '⚡️ Marketing',
|
|
views: 3400,
|
|
},
|
|
{
|
|
title: 'Setting up your first Help Center portal',
|
|
status: '',
|
|
updatedAt: '1 week ago',
|
|
author: 'John',
|
|
category: '🛠️ Development',
|
|
views: 400,
|
|
},
|
|
{
|
|
title: 'Best practices for organizing your Help Center content',
|
|
status: 'archived',
|
|
updatedAt: '3 days ago',
|
|
author: 'Fernando',
|
|
category: '💰 Finance',
|
|
views: 400,
|
|
},
|
|
{
|
|
title: 'Customizing the appearance of your Help Center',
|
|
status: '',
|
|
updatedAt: '5 days ago',
|
|
author: 'Jane',
|
|
category: '💰 Finance',
|
|
views: 400,
|
|
},
|
|
{
|
|
title: 'Best practices for organizing your Help Center content',
|
|
status: 'archived',
|
|
updatedAt: '3 days ago',
|
|
author: 'Fernando',
|
|
category: '💰 Finance',
|
|
views: 400,
|
|
},
|
|
{
|
|
title: 'Customizing the appearance of your Help Center',
|
|
status: '',
|
|
updatedAt: '5 days ago',
|
|
author: 'Jane',
|
|
category: '💰 Finance',
|
|
views: 400,
|
|
},
|
|
{
|
|
title: 'Best practices for organizing your Help Center content',
|
|
status: 'archived',
|
|
updatedAt: '3 days ago',
|
|
author: 'Fernando',
|
|
category: '💰 Finance',
|
|
views: 400,
|
|
},
|
|
];
|
|
</script>
|
|
|
|
<template>
|
|
<Story title="Pages/HelpCenter/ArticlesPage" :layout="{ type: 'single' }">
|
|
<Variant title="All Articles">
|
|
<div class="w-full min-h-screen bg-n-background">
|
|
<ArticlesPage :articles="articles" />
|
|
</div>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|