vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.9k stars 6.97k forks source link

[Feature Request] use vuetify in more "classic" way #9807

Closed EwaMakowska closed 4 years ago

EwaMakowska commented 4 years ago

Problem to solve

I think vuetify are the most beautifull frontend components, but I really don't like new way of use it. I don't understand why I need to create plugin file for vuetify or use vue-style-loader. I really need it? I think it would complicate my code more complicated. Maybe I can use it in more "classic" way? like that:

` t emplate> d iv> v-al ert type="success" /> </d iv> </t emplate>

`

Proposed solution

examples, how to use it in more "classic" way

KaelWD commented 4 years ago

I don't understand why I need to create plugin file for vuetify or use vue-style-loader.

You don't. https://vuetifyjs.com/en/getting-started/quick-start#cdn-usage

The issue list of this repo is exclusively for bug reports and feature requests. For general questions, please join the Discord chat room. You can also check reddit or stackoverflow.

jacekkarczmarczyk commented 4 years ago

You don't need to create a plugin file in non-cdn mode as well:

// main.js

import Vuetify from 'vuetify/lib';

new Vue({
  vuetify: new Vuetify(),
  ...
});

and in your .vue file:

// Foo.vue

<script>
import { VList } from 'vuetify/lib';

export default {
  components: { VList },
}
</script>

Although this doesn't make sense since there's a vuetify-loader which imports vuetify components automatically