vuetify-vuejs-loader

vuetify-vuejs-loader

Vuetify VueJS Loader Component.

Installation

npm install vuetify-vuejs-loader --save

Usage

<template>
  <VuetifyLoader />
</template>

<script>
import Vue from "vue";
import vuetifyLoader from "vuetify-vuejs-loader";
Vue.use(vuetifyLoader);

export default {
  name: "example"
};
</script>

Usage with Vuetify-Loader (aka a-la-carte)

Recently the Vuetify plugin for vue-cli enable A-la-carte by default.

Importing via the .vue directly

<template>
  <VuetifyLoader />
</template>

<script>
import Vue from "vue";
import vuetifyLoader from "vuetify-vuejs-loader/src";
Vue.use(vuetifyLoader);

export default {
  name: "example"
};
</script>

Importing every components

Since Vuetify-Loader didn't « scan » correctly usage in external dependencies you have to manually import components needed…

import Vue from "vue";
import vuetifyLoader from "vuetify-vuejs-loader";
import Vuetify, {
  VCard,
  VCardText,
  VDialog,
  VProgressCircular,
  VBtn
} from "vuetify/lib";

Vue.use(Vuetify, {
  components: { VProgressCircular, VDialog, VCard, VCardText, VBtn }
});
Vue.use(vuetifyLoader);