teezzan · June 10, 2020 22:54
diff --git a/index.html b/index.html
 <div id="app">
  <v-modal>
    <v-btn slot="activator" primary >open</v-btn>
    <v-container class="modal-container">
      <v-select v-model="item" :items="items">
    </v-container>
  </v-modal>
 </div>
diff --git a/script.js b/script.js
 new Vue({
  el: '#app',
  data() {
    return {
      item: null,
      items: [
        {
          text: "a"
        },
        {
          text: "b"
        },
        {
          text: "c"
        },
      ]
    }
  }
 })
diff --git a/scripts b/scripts
 <script src="https://unpkg.com/vue/dist/vue.js"></script>
 <script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
diff --git a/style.css b/style.css
 .modal-container {
  height: 400px;
  background: #FFF;
 } 
diff --git a/styles b/styles
 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" />
 <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" />
diff --git a/vuetify-template.markdown b/vuetify-template.markdown
	<div id="app">
	<v-modal>
	<v-btn slot="activator" primary >open</v-btn>
	<v-container class="modal-container">
	<v-select v-model="item" :items="items">
	</v-container>
	</v-modal>
	</div>
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\|Material+Icons" rel="stylesheet" />
	<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" />