feat: manual import of components (#125)

* feat: manual import - initial state (#110)

* feat: manual import

* fix: treeshake false situation

Author: aldarund

lib/templates/plugin.js

@@ -1,8 +1,37 @@
 import Vue from 'vue'
 import Vuetify from '<%= options.treeShake ? 'vuetify/lib' : 'vuetify' %>'
+<%
+const libImports = [
+  { key: 'components', location: 'vuetify/lib'},
+  { key: 'transitions', location: 'vuetify/lib'},
+  { key: 'directives', location: 'vuetify/lib/directives'}
+]
+if (options.treeShake) {
+  for (const lib of libImports) {
+    if (options.treeShake[lib.key] && options.treeShake[lib.key].length > 0) {
+%>
+import { <%= options.treeShake[lib.key].join(', ') %> } from '<%= lib.location %>'
+  <%
+    }
+  }
+}
+%>
+
 import options from './options'
 
-Vue.use(Vuetify)
+Vue.use(Vuetify, {
+<%
+if (options.treeShake) {
+  for (const lib of libImports) {
+    if (options.treeShake && options.treeShake[lib.key] && options.treeShake[lib.key].length > 0) {
+    %>
+    <%= lib.key %>: { <%= options.treeShake[lib.key].join(', ') %> }
+    <%
+    }
+  }
+}
+%>
+})
 
 export default (ctx) => {
   const vuetifyOptions = typeof options === 'function' ? options(ctx) : options

test/fixture/pages/manual-import.vue

@@ -0,0 +1,12 @@
+<template>
+  <v-container>
+    <v-layout>
+      <v-flex>
+        <!-- eslint-disable-next-line vue/require-component-is -->
+        <component is="v-chip">
+          Default
+        </component>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>

test/module.test.js

@@ -100,3 +100,29 @@ describe.skip('enable treeShake', () => {
     expect(html).toContain('v-navigation-drawer--fixed')
   })
 })
+
+describe.skip('manually import', () => {
+  let nuxt
+
+  beforeAll(async () => {
+    nuxt = new Nuxt({
+      ...config,
+      vuetify: {
+        treeShake: {
+          components: ['VChip']
+        }
+      }
+    })
+    await nuxt.ready()
+    await new Builder(nuxt).build()
+  })
+
+  afterAll(async () => {
+    await nuxt.close()
+  })
+
+  test('render', async () => {
+    const { html } = await nuxt.renderRoute('/manual-import')
+    expect(html).toContain('v-chip__content')
+  })
+})