Skip to content

Commit b01f1b2

Browse files
author
Rajesh Akkineni
committed
Merge branch 'vue2' of github.com:sagalbot/vue-select
2 parents 52e555e + ef80a94 commit b01f1b2

40 files changed

+893
-0
lines changed

‎docs/.couscous/generated/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/.couscous/

‎docs/.couscous/generated/01_install_and_usage.html

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title></title>
8+
9+
<link rel="stylesheet" href="/css/bootstrap.min.css">
10+
<link rel="stylesheet" href="/css/font-awesome.min.css">
11+
<link rel="stylesheet" href="/css/highlight.dark.css">
12+
<link rel="stylesheet" href="/css/main.css">
13+
</head>
14+
<body>
15+
16+
<header class="navbar navbar-default navbar-fixed-top">
17+
18+
<a class="navbar-brand" href="/">
19+
The title
20+
<small class="hidden-xs hidden-sm">
21+
This is the default subtitle!
22+
</small>
23+
</a>
24+
25+
26+
</header>
27+
28+
<main class="container">
29+
<div class="row">
30+
31+
32+
<section id="content" class="col-sm-12">
33+
<p>Install via NPM</p>
34+
<pre><code class="language-bash">npm install sagalbot/vue-select</code></pre>
35+
<p>To use the vue-select component in your templates, simply import it, and register it within your component.</p>
36+
<pre><code class="language-html">&lt;template&gt;
37+
&lt;div&gt;
38+
&lt;v-select :value.sync="selected" :options="options"&gt;&lt;/v-select&gt;
39+
&lt;/div&gt;
40+
&lt;/template&gt;
41+
&lt;script&gt;
42+
import vSelect from "vue-select"
43+
44+
export default {
45+
components: {vSelect},
46+
47+
data() {
48+
return {
49+
selected: null,
50+
options: ['foo','bar','baz']
51+
}
52+
}
53+
}
54+
&lt;/script&gt;</code></pre>
55+
<p>Alternatively, you can register the component globally. This is ideal if you are going to be using <code>vue-select</code> in multiple components.</p>
56+
<pre><code class="language-js">import Vue from 'vue'
57+
import vSelect from 'vue-select'
58+
59+
Vue.component('v-select', vSelect)</code></pre>
60+
</section>
61+
62+
</div>
63+
</main>
64+
65+
<footer>
66+
<div class="container">
67+
<p class="text-muted">
68+
website generated with <a href="http://couscous.io" title="Markdown website generator">Couscous</a>
69+
</p>
70+
</div>
71+
</footer>
72+
73+
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
74+
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
75+
<script src="//yastatic.net/highlightjs/8.2/highlight.min.js"></script>
76+
77+
<script>
78+
$(function() {
79+
$("section>h1").wrap('<div class="page-header" />');
80+
// Syntax highlighting
81+
hljs.initHighlightingOnLoad();
82+
});
83+
</script>
84+
<!-- Livereload -->
85+
<script>
86+
document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] +
87+
':35729/livereload.js?snipver=1"></' + 'script>')
88+
</script>
89+
<!-- End Livereload -->
90+
</body>
91+
</html>

‎docs/.couscous/generated/LICENSE

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
Couscous
2+
3+
Copyright (C) Matthieu Napoli
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
6+
associated documentation files (the "Software"), to deal in the Software without restriction,
7+
including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
8+
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
9+
subject to the following conditions:
10+
11+
The above copyright notice and this permission notice shall be included in all copies or substantial
12+
portions of the Software.
13+
14+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
15+
NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
16+
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
17+
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
18+
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎docs/.couscous/generated/css/bootstrap.min.css

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/.couscous/generated/css/font-awesome.min.css

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/.couscous/generated/css/highlight.dark.css

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
/*
2+
3+
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
4+
5+
*/
6+
7+
.hljs {
8+
display: block;
9+
overflow-x: auto;
10+
padding: 0.5em;
11+
background: #444;
12+
-webkit-text-size-adjust: none;
13+
}
14+
15+
.hljs-keyword,
16+
.hljs-literal,
17+
.hljs-change,
18+
.hljs-winutils,
19+
.hljs-flow,
20+
.nginx .hljs-title,
21+
.tex .hljs-special {
22+
color: white;
23+
}
24+
25+
.hljs,
26+
.hljs-subst {
27+
color: #ddd;
28+
}
29+
30+
.hljs-string,
31+
.hljs-title,
32+
.hljs-type,
33+
.ini .hljs-title,
34+
.hljs-tag .hljs-value,
35+
.css .hljs-rules .hljs-value,
36+
.hljs-preprocessor,
37+
.hljs-pragma,
38+
.ruby .hljs-symbol,
39+
.ruby .hljs-symbol .hljs-string,
40+
.ruby .hljs-class .hljs-parent,
41+
.hljs-built_in,
42+
.django .hljs-template_tag,
43+
.django .hljs-variable,
44+
.smalltalk .hljs-class,
45+
.hljs-javadoc,
46+
.ruby .hljs-string,
47+
.django .hljs-filter .hljs-argument,
48+
.smalltalk .hljs-localvars,
49+
.smalltalk .hljs-array,
50+
.hljs-attr_selector,
51+
.hljs-pseudo,
52+
.hljs-addition,
53+
.hljs-stream,
54+
.hljs-envvar,
55+
.apache .hljs-tag,
56+
.apache .hljs-cbracket,
57+
.tex .hljs-command,
58+
.hljs-prompt,
59+
.coffeescript .hljs-attribute {
60+
color: #d88;
61+
}
62+
63+
.hljs-comment,
64+
.hljs-annotation,
65+
.hljs-decorator,
66+
.hljs-pi,
67+
.hljs-doctype,
68+
.hljs-deletion,
69+
.hljs-shebang,
70+
.apache .hljs-sqbracket,
71+
.tex .hljs-formula {
72+
color: #777;
73+
}
74+
75+
.hljs-keyword,
76+
.hljs-literal,
77+
.hljs-title,
78+
.css .hljs-id,
79+
.hljs-phpdoc,
80+
.hljs-dartdoc,
81+
.hljs-type,
82+
.vbscript .hljs-built_in,
83+
.rsl .hljs-built_in,
84+
.smalltalk .hljs-class,
85+
.diff .hljs-header,
86+
.hljs-chunk,
87+
.hljs-winutils,
88+
.bash .hljs-variable,
89+
.apache .hljs-tag,
90+
.tex .hljs-special,
91+
.hljs-request,
92+
.hljs-status {
93+
font-weight: bold;
94+
}
95+
96+
.coffeescript .javascript,
97+
.javascript .xml,
98+
.tex .hljs-formula,
99+
.xml .javascript,
100+
.xml .vbscript,
101+
.xml .css,
102+
.xml .hljs-cdata {
103+
opacity: 0.5;
104+
}

‎docs/.couscous/generated/css/main.css

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
html {
2+
position: relative;
3+
min-height: 100%;
4+
}
5+
body {
6+
font-size: 19px;
7+
}
8+
9+
@media (min-width: 1200px) {
10+
.container {
11+
width: 970px;
12+
}
13+
}
14+
15+
main {
16+
margin-top: 90px;
17+
}
18+
19+
section {
20+
margin-bottom: 120px;
21+
}
22+
23+
footer {
24+
position: absolute;
25+
bottom: 0;
26+
width: 100%;
27+
background-color: #f5f5f5;
28+
padding: 25px 0;
29+
font-size: 15px;
30+
text-align: center;
31+
text-transform: uppercase;
32+
opacity: 0.6;
33+
transition: opacity .2s ease;
34+
}
35+
footer:hover {
36+
opacity: 1.0;
37+
transition: opacity .2s ease;
38+
}
39+
footer p {
40+
margin: 0;
41+
}
42+
43+
h3 {
44+
font-size: 23px;
45+
}
46+
47+
li {
48+
margin-bottom: 3px;
49+
}
50+
51+
#content img {
52+
max-width: 100%;
53+
padding: 4px;
54+
background-color: #fff;
55+
border: 1px solid #ddd;
56+
border-radius: 4px;
57+
}
58+
59+
header.navbar {
60+
opacity: 0.9;
61+
}
62+
.navbar .navbar-brand {
63+
font-size: 28px;
64+
height: auto;
65+
line-height: 40px;
66+
margin-left: 20px;
67+
}
68+
.navbar .navbar-brand small {
69+
font-size: 18px;
70+
font-weight: 300;
71+
margin-left: 10px;
72+
}
73+
74+
@media (min-width: 768px) {
75+
#sidebar {
76+
position:fixed;
77+
margin-top: 30px;
78+
}
79+
}
80+
@media (max-width: 960px) {
81+
body {
82+
font-size: 17px;
83+
}
84+
pre {
85+
font-size: 12px;
86+
}
87+
}
88+
89+
.page-header {
90+
margin-top: 0;
91+
}
92+
93+
#sidebar .text-muted {
94+
color: #bbbbbb;
95+
}
96+
97+
pre {
98+
padding: 0;
99+
border-radius: 4px;
100+
margin: 15px;
101+
font-size: 15px;
102+
}
103+
pre code {
104+
border: none;
105+
}

‎docs/.couscous/generated/fonts/FontAwesome.otf

83.9 KB
Binary file not shown.

‎docs/.couscous/generated/fonts/fontawesome-webfont.eot

54.7 KB
Binary file not shown.

0 commit comments

Comments
 (0)