2
0
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:
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> <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
View File
@@ -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",