mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-22 10:30:34 +03:00
refactor: don't use the sandbox in dev (#1168)
* refactor: don't use the sandbox * refactor: update docs package.json https://github.com/sagalbot/vue-select/issues/1161#issuecomment-615359135
This commit is contained in:
+29
-24
@@ -1,39 +1,44 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<sandbox hide-help v-slot="config">
|
<v-select v-model="selected" v-bind="config" />
|
||||||
<v-select v-bind="config"/>
|
|
||||||
</sandbox>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import vSelect from '../src/components/Select';
|
import vSelect from "../src/components/Select";
|
||||||
import Sandbox from '../docs/.vuepress/components/Sandbox';
|
import countries from "../docs/.vuepress/data/countryCodes";
|
||||||
// import countries from '../docs/.vuepress/data/countryCodes';
|
import books from "../docs/.vuepress/data/books";
|
||||||
// import books from '../docs/.vuepress/data/books';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {Sandbox, vSelect},
|
components: { vSelect },
|
||||||
|
data: () => ({
|
||||||
|
selected: null,
|
||||||
|
config: {
|
||||||
|
options: countries
|
||||||
|
}
|
||||||
|
})
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-family: -apple-system, sans-serif;
|
font-family: -apple-system, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
max-width: 20rem;
|
||||||
|
margin: 10rem auto 0;
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid #cacaca;
|
border-bottom: 1px solid #cacaca;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@vue-select/docs",
|
"name": "@vue-select/docs",
|
||||||
"version": "1.0",
|
"version": "1.0.0",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vuepress dev",
|
"serve": "vuepress dev",
|
||||||
|
|||||||
Reference in New Issue
Block a user