From 321813162c02ce7eddf33bf138f51880ab1a2e28 Mon Sep 17 00:00:00 2001
From: Jeff Sagal <sagalbot@gmail.com>
Date: Sat, 18 Apr 2020 14:24:57 -0700
Subject: [PATCH] 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
---
 dev/Dev.vue       | 53 ++++++++++++++++++++++++++---------------------
 docs/package.json |  2 +-
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/dev/Dev.vue b/dev/Dev.vue
index 880c8c2..8480ff2 100644
--- a/dev/Dev.vue
+++ b/dev/Dev.vue
@@ -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>
diff --git a/docs/package.json b/docs/package.json
index 130b10c..56724b0 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vue-select/docs",
-  "version": "1.0",
+  "version": "1.0.0",
   "license": "MIT",
   "scripts": {
     "serve": "vuepress dev",