mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Jeff Sagal
dc91310860
* - add autoprefixer - add cssnano - add postcss-loader - remove unused packages * create RTL scss module * add vs__ prefix to open-indicator, extract to module * module for dropdown-toggle * vs__clear module * vs__dropdown-menu module * rename `selected-tag` to `vs__selected` * remove rtl class * remove dropdown class * search-input scss module * move animations to global module * refactor dropdown list items * - spinner slot is now scoped with `loading` variable - move spinner to scss module * apply vs__search class directly to search input: if you're using the slot, you might not want default styles * finish global modules * make RTL a component state * - update component states to use vs-- prefix - rename dropdownClasses to stateClasses * remove unused property * Closes #760 * fix states * more state fixes * rename .close to vs__deselect * - simplify dev.html - start on 'sandbox' development * update build * - update webpack config - move Sandbox to VuePress folder * update external framework version links * assign grid areas, ensure 100% height outside of docs * limit specificity * first pass at assigning variables * assign 'darkest' * remove max-height prop * rename 'component' variables to 'state' * update badges * add deprecation notice to docs * bump travis config * add coveralls coverage reporter * bump netlify config * additional pass pulling up to variables * start converting to SVG icons * middle align action icons * update netlify config * netlify bump * fix travis * fix travis * try lcov * netlify attempt * prune old packages * bump travis config
106 lines
3.5 KiB
JavaScript
106 lines
3.5 KiB
JavaScript
const isDeployPreview = process.env.hasOwnProperty('DEPLOY_PREVIEW');
|
|
|
|
const meta = {
|
|
title: 'Vue Select | VueJS Select2/Chosen Component',
|
|
description: 'Everything you wish the native <select> element could do, wrapped up into a zero dependency, highly extensible Vue component.',
|
|
url: 'http://sagalbot.github.io/vue-select/',
|
|
icon: '/vue-logo.png',
|
|
};
|
|
|
|
let head = [
|
|
[
|
|
'link',
|
|
{
|
|
href: '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono',
|
|
rel: 'stylesheet',
|
|
type: 'text/css',
|
|
}],
|
|
[
|
|
'link',
|
|
{
|
|
href: '//fonts.googleapis.com/css?family=Dosis:300&text=Vue Select',
|
|
rel: 'stylesheet',
|
|
type: 'text/css',
|
|
}],
|
|
['link', { rel: 'icon', href: `/vue-logo.png` }],
|
|
['meta', { name: 'theme-color', content: '#3eaf7c' }],
|
|
['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
|
|
['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
|
|
['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }],
|
|
['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
|
|
['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
|
|
['meta', { name: 'msapplication-TileColor', content: '#000000' }]
|
|
];
|
|
|
|
if (isDeployPreview) {
|
|
head.push(
|
|
['meta', {name: 'robots', content: 'noindex'}],
|
|
['meta', {name: 'googlebot', content: 'noindex'}],
|
|
);
|
|
} else {
|
|
head.push(
|
|
['meta', {name: 'title', content: meta.title}],
|
|
['meta', {name: 'description', content: meta.description}],
|
|
['link', {rel: 'icon', href: meta.icon, type: 'image/png'}],
|
|
['meta', {property: 'og:image', content: meta.icon}],
|
|
['meta', {property: 'twitter:image', content: meta.icon}],
|
|
['meta', {name: 'description', content: meta.description}],
|
|
['meta', {property: 'og:description', content: ''}],
|
|
['meta', {property: 'twitter:description', content: meta.description}],
|
|
['meta', {property: 'twitter:title', content: meta.title}],
|
|
['meta', {property: 'og:title', content: meta.title}],
|
|
['meta', {property: 'og:site_name', content: meta.title}],
|
|
['meta', {property: 'og:url', content: meta.url}],
|
|
);
|
|
}
|
|
|
|
module.exports = {
|
|
title: 'Vue Select',
|
|
description: meta.description,
|
|
head,
|
|
serviceWorker: !isDeployPreview,
|
|
ga: isDeployPreview ? '' : 'UA-12818324-8',
|
|
themeConfig: {
|
|
repo: 'sagalbot/vue-select',
|
|
editLinks: true,
|
|
docsDir: 'docs',
|
|
nav: [
|
|
{text: 'Home', link: '/'},
|
|
{text: 'Sandbox', link: '/sandbox'},
|
|
],
|
|
sidebar: {
|
|
'/': [
|
|
{
|
|
title: 'Getting Started',
|
|
collapsable: false,
|
|
children: [
|
|
['getting-started/install', 'Installation'],
|
|
['getting-started/options', 'Dropdown Options'],
|
|
['getting-started/values', 'Selecting Values'],
|
|
['getting-started/localization', 'Localization'],
|
|
],
|
|
},
|
|
{
|
|
title: 'Digging Deeper',
|
|
collapsable: false,
|
|
children: [
|
|
['digging-deeper/templating', 'Templating & Slots'],
|
|
['digging-deeper/vuex', 'Vuex'],
|
|
['digging-deeper/ajax', 'AJAX'],
|
|
['digging-deeper/examples', 'Examples'],
|
|
],
|
|
},
|
|
{
|
|
title: 'API',
|
|
collapsable: false,
|
|
children: [
|
|
['api/props', 'Props'],
|
|
['api/slots', 'Slots'],
|
|
['api/events', 'Events'],
|
|
],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
};
|