Vuetify v-select does not work

Question

I’m testing the same example code of the official website but for some reason do not want to show the options at all

The view is like this

   <template>
      <div class="about">
        <v-select
          :items="items"
          label="Standard"
        ></v-select>
    </div>
  </template>

  <script>
    export default {
      data: () => ({
        items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
      }),
    }
  </script>

and the main.js

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';
import router from './router'

Vue.config.productionTip = false

new Vue({
  vuetify,
  router,
  render: h => h(App)
}).$mount('#app')

The . /plugins/vuetify.js is like this

import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';

Vue.use(Vuetify);

export default new Vuetify({
});

I made no change to it