2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-17 02:29:37 +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:
Jeff Sagal
2020-04-18 14:24:57 -07:00
committed by GitHub
parent f5d0e1d7bf
commit 321813162c
2 changed files with 30 additions and 25 deletions
+29 -24
View File
@@ -1,39 +1,44 @@
<template>
<div id="app">
<sandbox hide-help v-slot="config">
<v-select v-bind="config"/>
</sandbox>
<v-select v-model="selected" v-bind="config" />
</div>
</template>
<script>
import vSelect from '../src/components/Select';
import Sandbox from '../docs/.vuepress/components/Sandbox';
// import countries from '../docs/.vuepress/data/countryCodes';
// import books from '../docs/.vuepress/data/books';
import vSelect from "../src/components/Select";
import countries from "../docs/.vuepress/data/countryCodes";
import books from "../docs/.vuepress/data/books";
export default {
components: {Sandbox, vSelect},
components: { vSelect },
data: () => ({
selected: null,
config: {
options: countries
}
})
};
</script>
<style>
html,
body {
margin: 0;
height: 100%;
font-family: -apple-system, sans-serif;
}
html,
body {
margin: 0;
height: 100%;
font-family: -apple-system, sans-serif;
}
#app {
height: 100%;
}
#app {
height: 100%;
max-width: 20rem;
margin: 10rem auto 0;
}
hr {
border: none;
border-bottom: 1px solid #cacaca;
margin-bottom: 1em;
padding-top: 1em;
width: 90%;
}
hr {
border: none;
border-bottom: 1px solid #cacaca;
margin-bottom: 1em;
padding-top: 1em;
width: 90%;
}
</style>