yariksav / vuetify-dialog

Easy dialogs in Vuetify.js framework
MIT License
195 stars 48 forks source link

Is possible to use vuetify-dialog directly on script tag? #120

Open tangkhaiphuong-colpal opened 3 years ago

tangkhaiphuong-colpal commented 3 years ago

I want to use vuetify-dialog on plain html directly? Does possible? Any example?

Here are my code

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" r />
        <title>::Application::</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.css" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/vuetify-dialog@2.0.13/dist/vuetify-dialog.min.css" rel="stylesheet" />
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vuetify-dialog@2.0.13/dist/vuetify-dialog.min.js"></script>
    </head>
    <body>
        <v-app id="app">
            <v-app-bar dense app dark color="error">
                <v-toolbar-title>Title</v-toolbar-title>
                <v-spacer></v-spacer>
            </v-app-bar>
            <v-main> </v-main>
        </v-app>
        <script>
            const vuetify = new Vuetify();

            new Vue({
                el: '#app',
                vuetify: vuetify,
                data() {
                    return {};
                },

                methods: {},
                async mounted() {
                    await this.$dialog.warning({
                        text: 'Testing',
                        title: 'Warning',
                    });
                },
            });
        </script>
    </body>
</html>
tangkhaiphuong-colpal commented 3 years ago

Are there any support? @yariksav