refactor: improve install function

[KaelWD]

• BREAKING CHANGE: must Vue.use(Vuetify) when using CDN package
• You can now set the theme easily when using a CDN
• No longer includes the entire package.json in the dist
• Vue version is checked in the Vuetify component, now works with a-la-carte too
• $vuetify is a proper vue instance instead of the hacky defineReactive
• Vuetify.version is now available to CDN users
• Replaced semver with a basic custom function, reduces gzipped size from 62KB to 56KB

How Has This Been Tested?

• vuetify dev environment with Playground.vue
• vuetifyjs.com repo
• basic html file with markup from below

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

Checklist:

• My change requires a change to the documentation.
• I have created a PR in the documentation with the necessary changes.

Markup

<link rel="stylesheet" href="../dist/vuetify.min.css">
<script src="https://unpkg.com/vue"></script>
<script src="../dist/vuetify.min.js"></script>
<div id="app">
  <v-app>
    <v-content>
      <v-text-field v-model="primary" label="primary"></v-text-field>
      <v-btn color="primary">button</v-btn>
    </v-content>
  </v-app>
</div>
<script>
  Vue.use(Vuetify, {
    theme: { primary: '#BADA55' }
  })
  new Vue({
    el: '#app',
    computed: {
      primary: {
        get () { return this.$vuetify.theme.primary },
        set (val) { this.$vuetify.theme.primary = val }
      }
    }
  })
</script>

[codecov]

Codecov Report

Merging #3247 into master will decrease coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #3247      +/-   ##
==========================================
- Coverage   84.36%   84.35%   -0.01%     
==========================================
  Files         145      145              
  Lines        3370     3369       -1     
  Branches     1074     1075       +1     
==========================================
- Hits         2843     2842       -1     
  Misses        391      391              
  Partials      136      136

Impacted Files	Coverage Δ
src/components/Vuetify/index.js	100% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f0a0ca0...3627d86. Read the comment docs.

[nekosaur]

Why shouldn't we check vue version in test env?

[KaelWD]

Because the tests don't go through webpack, so each test dumps "Vuetify requires Vue version undefined" to the console.

[ekoeryanto]

nuxt development broke when updating to 1.0.2

[ram-you]

@ekoeryanto I confirm the error with the message:
TypeError: Cannot read property 'split' of undefined

[beatgrabe]

You can temporally resolve the issue by adding this to your webpack config:

const webpack = require('webpack')
…

module.exports = {
  …
  plugins: [
    new webpack.DefinePlugin({
      'process.env.REQUIRED_VUE': '"<your vue version>"'
      // e.g. 'process.env.REQUIRED_VUE': '"2.5.13"'
    })
  ]
}

[ram-you]

Thank you @beatgrabe . Worked for me.

[JoseGoncalves]

With webpack and an a-la-carte setup the same error happens with 1.0.2: vuetifyjs/a-la-carte#6
While defining the REQUIRED_VUE environment variable would solve the issue, is this the recommended way to go?

[beatgrabe]

The related error is now fixed in v1.0.3

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord