vue-grid-layout
Version:
A draggable and resizable grid layout, as a Vue component.
160 lines (158 loc) • 4.42 kB
JavaScript
const description = 'A draggable and resizable grid layout, as a Vue component.'
const title = 'Vue Grid Layout - ️A grid layout system for Vue.js'
module.exports = {
base: "/vue-grid-layout/",
locales: {
'/': {
lang: 'en-US',
title: 'Vue Grid Layout - ️A grid layout system for Vue.js',
description: 'A draggable and resizable grid layout, as a Vue component.'
},
'/zh/': {
lang: 'zh-CN',
title: 'Vue Grid Layout -️ 适用Vue.js的栅格布局系统',
description: '可拖动和可调整大小栅格布局的Vue组件。'
}
},
head: [
['link', { rel: 'icon', href: `/favicon.ico` }],
['link', { rel: "apple-touch-icon", sizes: "180x180", href: "https://jbaysolutions.github.io/vue-grid-layout/assets/favicon/apple-touch-icon.png"}],
// ['script', { src: 'https://cdn.jsdelivr.net/npm/vue-grid-layout@2.3.9/dist/vue-grid-layout.umd.min.js' }]
],
port: 8081,
theme: '@vuepress/vue',
themeConfig: {
smoothScroll: true,
logo: '/assets/img/logo.png',
repo: 'jbaysolutions/vue-grid-layout',
docsDir: 'website/docs',
editLinks: true,
algolia: {
apiKey: '2f143d1edd24605564065dd02bf0a22b',
indexName: 'vue_grid_layout'
},
locales: {
'/': {
selectText: 'Languages',
label: 'English',
ariaLabel: 'Select language',
sidebar: {
'/guide/': [
{
title: "Guide",
collapsable: false,
children: [
'',
'usage',
'properties',
'events',
'styling',
]
},
{
title: "Examples",
collapsable: false,
children: [
'01-basic',
'02-events',
'03-multiple-grids',
'04-allow-ignore',
'05-mirrored',
'06-responsive',
'07-prevent-collision',
'08-responsive-predefined-layouts',
'09-dynamic-add-remove',
'10-drag-from-outside',
'11-bounded',
]
}
]
},
nav: [
{text: 'Home', link: '/'},
{text: 'Guide', link: '/guide/'},
{text: 'Changelog', link: '/changelog/'}
],
searchPlaceholder: 'Search...',
editLinkText: 'Help improve this page!',
lastUpdated: 'Last Updated'
},
'/zh/': {
selectText: '选择语言',
label: '简体中文',
ariaLabel: '选择语言',
sidebar: {
'/zh/guide/': [
{
title: "首页",
collapsable: false,
children: [
'',
'usage',
'properties',
'events',
'styling',
]
},
{
title: "例子",
collapsable: false,
children: [
'01-basic',
'02-events',
'03-multiple-grids',
'04-allow-ignore',
'05-mirrored',
'06-responsive',
'07-prevent-collision',
'08-responsive-predefined-layouts',
'09-dynamic-add-remove',
'10-drag-from-outside',
'11-bounded',
]
}
]
},
nav: [
{text: '首页', link: '/zh/'},
{text: '指南', link: '/zh/guide/'},
{text: '更新日志', link: '/zh/changelog/'}
],
searchPlaceholder: '搜索...',
editLinkText: '帮助改善此页面！',
lastUpdated: '最后更新时间'
}
}
},
plugins: [
'@vuepress/back-to-top',
['@vuepress/google-analytics', {
ga: 'UA-37288388-24' // UA-00000000-0
}],
['seo', {
title: $page => `${$page.title} — Vue Grid Layout`,
// image: () => 'https://jbaysolutions.github.io/vue-grid-layout/assets/img/og.jpg',
siteTitle: (_, $site) => $site.title,
description: $page => $page.frontmatter.description || description,
author: (_, $site) => $site.themeConfig.author,
tags: $page => $page.frontmatter.tags,
twitterCard: _ => 'summary_large_image',
type: () => 'article',
url: (_, $site, path) => ($site.themeConfig.domain || '') + path,
publishedAt: $page => $page.frontmatter.date && new Date($page.frontmatter.date),
modifiedAt: $page => $page.lastUpdated && new Date($page.lastUpdated),
}],
['vuepress-plugin-serve', {
port: 8080,
staticOptions: {
dotfiles: 'allow',
},
/*beforeServer(app, server) {
app.get('/path/to/my/custom', function(req, res) {
res.json({ custom: 'response' })
})
},*/
}],
],
dest: 'public',
}