diff --git a/README.md b/README.md
index 32ea4a2..e121543 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,29 @@
-**Sorry no time to mantain this package: if anyone is interested to mantain it please email me at sergiturbadenas at gmail.com**
-
-# Laravel 5.5+ Frontend preset for Vuetify with Vuex
+# Laravel 7.0+ Frontend Ui for Vuetify with Vuex
 
 A Laravel front-end scaffolding preset for [Vuetify](https://vuetifyjs.com/en/) - a Material Design Component Framework with Vue and Vuex.
 
 ## Usage
 
-1. Fresh install Laravel 5.5+ and cd to your app: `laravel new app && cd app` 
-2. Install this preset via `composer require laravel-frontend-presets/vuetify`. Laravel 5.5+ will automatically discover this package. No need to register the service provider.
-3. Use `php artisan preset vuetify` for the basic Vuetify frontend preset OR use `php artisan preset vuetify-auth` for the basic preset auth scaffolding in one go. (NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in `routes/web.php`)
-4. `npm install`
-5. `npm run dev`
-6. Configure your favorite database (mysql, sqlite etc.)
-7. `php artisan migrate` to create basic user tables.
-9. This packages requires [Laravel Passport](https://laravel.com/docs/passport). Run `php artisan passport:install`
-8. `php artisan serve` (or equivalent) to run server and test preset.
+1. Fresh install Laravel 7.0+ and cd to your app: `laravel new app && cd app` 
+2. Install this preset via `composer require laravel-frontend-presets/vuetify`. Laravel 5.0+ will automatically discover this package. No need to register the service provider. For the moment laravel-frontend-presets/vuetify est juste available with laravel 5.0+
+4. If your need it for you laravel 7, you can add this on your composer.json 
+    ```
+    "repositories": [{ "type": "vcs", "url": "https://github.com/yagami271/laravel-vuetify" }], 
+    "require": { "laravel-frontend-presets/vuetify": "dev-master", } 
+    
+    and run composer update
+    ```
+    
+5. composer require laravel/ui 
+6. Use `php ui  vuetify`
+7. `composer require laravel/passport`
+8. `php artisan migrate`
+9. `php ui vuetify vuetify-auth` 
+10. `npm install`
+11. `npm run dev`
+12. Configure your favorite database (mysql, sqlite etc.)
+13. This packages requires [Laravel Passport](https://laravel.com/docs/passport). Run `php artisan passport:install`
+14. `php artisan serve` (or equivalent) to run server and test preset.
 
 ### Demo site:
 
diff --git a/composer.json b/composer.json
index 621c3f5..c9657b5 100644
--- a/composer.json
+++ b/composer.json
@@ -1,21 +1,21 @@
 {
     "name": "laravel-frontend-presets/vuetify",
-    "description": "Laravel 5.5+ Front-end preset for vuetify",
+    "description": "Laravel 7.0+ Front-end preset for vuetify",
     "keywords": ["laravel", "preset", "vuetify"],
     "license": "MIT",
     "require": {
-      "laravel/framework": "^5.7",
-      "laravel/passport": "^7.0"
+      "laravel/framework": "^7.5.2",
+      "laravel/passport": "^8.0.2"
     },
     "autoload": {
         "psr-4": {
-            "LaravelFrontendPresets\\Vuetify\\": "src/"
+            "LaravelFrontendUi\\Vuetify\\": "src/"
         }
     },
     "extra": {
       "laravel": {
         "providers": [
-          "LaravelFrontendPresets\\Vuetify\\VuetifyPresetServiceProvider"
+          "LaravelFrontendUi\\Vuetify\\VuetifyUiServiceProvider"
        ]
       }
     }
diff --git a/src/VuetifyPresetServiceProvider.php b/src/VuetifyPresetServiceProvider.php
index 341b930..2c9e43a 100644
--- a/src/VuetifyPresetServiceProvider.php
+++ b/src/VuetifyPresetServiceProvider.php
@@ -1,16 +1,16 @@
 <?php
 
-namespace LaravelFrontendPresets\Vuetify;
+namespace LaravelFrontendUi\Vuetify;
 
 use Illuminate\Support\ServiceProvider;
-use Illuminate\Foundation\Console\PresetCommand;
+use Laravel\Ui\UiCommand;
 
 /**
  * Class VuetifyPresetServiceProvider.
  *
- * @package LaravelFrontendPresets\VuetifyPreset
+ * @package LaravelFrontendUi\VuetifyUiServiceProvieder
  */
-class VuetifyPresetServiceProvider extends ServiceProvider
+class VuetifyUiServiceProvider extends ServiceProvider
 {
     /**
      * Bootstrap the application services.
@@ -19,14 +19,14 @@ class VuetifyPresetServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-        PresetCommand::macro('vuetify', function ($command) {
-            VuetifyPreset::install(false);
+        UiCommand::macro('vuetify', function ($command) {
+            VuetifyUi::install(false);
             $command->info('Vuetify scaffolding installed successfully.');
             $command->comment('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
         });
 
-        PresetCommand::macro('vuetify-auth', function ($command) { //optional
-            VuetifyPreset::install(true);
+        UiCommand::macro('vuetify-auth', function ($command) { //optional
+            VuetifyUi::install(true);
             $command->info('Vuetify scaffolding with Auth views installed successfully.');
             $command->comment('Please run "npm install && npm run dev && php artisan passport:install" to compile your fresh scaffolding.');
         });
diff --git a/src/VuetifyPreset.php b/src/VuetifyUi.php
similarity index 80%
rename from src/VuetifyPreset.php
rename to src/VuetifyUi.php
index 2488947..f03be6b 100644
--- a/src/VuetifyPreset.php
+++ b/src/VuetifyUi.php
@@ -1,17 +1,15 @@
 <?php
 
-namespace LaravelFrontendPresets\Vuetify;
+namespace LaravelFrontendUi\Vuetify;
 
 use Illuminate\Support\Arr;
 use Illuminate\Filesystem\Filesystem;
-use Illuminate\Foundation\Console\Presets\Preset;
-
 /**
- * Class VuetifyPreset.
+ * Class VuetifyUi.
  *
- * @package LaravelFrontendPresets\VuetifyPreset
+ * @package LaravelFrontendUi\VuetifyUi
  */
-class VuetifyPreset extends Preset
+class VuetifyUi
 {
     /**
      * Install the preset.
@@ -34,6 +32,49 @@ public static function install($withAuth = false)
         static::removeNodeModules();
     }
 
+    
+
+    /**
+     * Update the "package.json" file.
+     *
+     * @return void
+     */
+    protected static function updatePackages()
+    {
+        if (! file_exists(base_path('package.json'))) {
+            return;
+        }
+
+        $packages = json_decode(file_get_contents(base_path('package.json')), true);
+
+        $packages['devDependencies'] = static::updatePackageArray(
+            $packages['devDependencies']
+        );
+
+        ksort($packages['devDependencies']);
+
+        file_put_contents(
+            base_path('package.json'),
+            json_encode($packages, JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT).PHP_EOL
+        );
+    }
+
+    /**
+     * Remove the installed Node modules.
+     *
+     * @return void
+     */
+    protected static function removeNodeModules()
+    {
+        tap(new Filesystem, function ($files) {
+            $files->deleteDirectory(base_path('node_modules'));
+
+            $files->delete(base_path('yarn.lock'));
+        });
+    }
+
+
+
     /**
      * Update package array.
      *
@@ -43,9 +84,11 @@ public static function install($withAuth = false)
     protected static function updatePackageArray(array $packages)
     {
         return array_merge([
-            'vuetify' => '^1.0',
+            'vuetify' => '^2.1.13',
             'gravatar' => '^1.0',
-            'vuex' => '^3.0',
+            'vue' => '^2.6.10',
+            'vue-template-compiler' => '^2.6.10',
+            'vuex' => "^3.1.2",
         ], Arr::except($packages, [
             'bootstrap',
             'bootstrap-sass',
diff --git a/src/vuetify-stubs/js/app.js b/src/vuetify-stubs/js/app.js
index eb35ac6..947b155 100644
--- a/src/vuetify-stubs/js/app.js
+++ b/src/vuetify-stubs/js/app.js
@@ -1,4 +1,4 @@
-
+import Vuetify from 'vuetify'
 /**
  * First we will load all of this project's JavaScript dependencies which
  * includes Vue and other libraries. It is a great starting point when
@@ -15,9 +15,9 @@ window.Vue = require('vue');
  * or customize the JavaScript scaffolding to fit your unique needs.
  */
 
-Vue.component('login-button', require('./components/LoginButtonComponent.vue'));
-Vue.component('register-button', require('./components/RegisterButtonComponent.vue'));
-Vue.component('snackbar', require('./components/SnackBarComponent.vue'));
+Vue.component('login-button', require('./components/LoginButtonComponent.vue').default);
+Vue.component('register-button', require('./components/RegisterButtonComponent.vue').default);
+Vue.component('snackbar', require('./components/SnackBarComponent.vue').default);
 
 window.Vuetify = require('vuetify');
 Vue.use(Vuetify)
@@ -35,5 +35,6 @@ if (window.user ) {
 
 const app = new Vue({
     el: '#app',
-    store
+    store,
+    vuetify: new Vuetify()
 });
diff --git a/src/vuetify-stubs/resources/js/app.js b/src/vuetify-stubs/resources/js/app.js
index daec62d..c412429 100644
--- a/src/vuetify-stubs/resources/js/app.js
+++ b/src/vuetify-stubs/resources/js/app.js
@@ -1,4 +1,4 @@
-
+import Vuetify from 'vuetify'
 /**
  * First we will load all of this project's JavaScript dependencies which
  * includes Vue and other libraries. It is a great starting point when
@@ -15,12 +15,12 @@ window.Vue = require('vue');
  * or customize the JavaScript scaffolding to fit your unique needs.
  */
 
-Vue.component('login-button', require('./components/LoginButtonComponent.vue'));
-Vue.component('register-button', require('./components/RegisterButtonComponent.vue'));
-Vue.component('remember-password', require('./components/RememberPasswordComponent.vue'));
-Vue.component('reset-password', require('./components/ResetPasswordComponent.vue'));
-Vue.component('snackbar', require('./components/SnackBarComponent.vue'));
-Vue.component('gravatar', require('./components/GravatarComponent.vue'));
+Vue.component('login-button', require('./components/LoginButtonComponent.vue').default);
+Vue.component('register-button', require('./components/RegisterButtonComponent.vue').default);
+Vue.component('remember-password', require('./components/RememberPasswordComponent.vue').default);
+Vue.component('reset-password', require('./components/ResetPasswordComponent.vue').default);
+Vue.component('snackbar', require('./components/SnackBarComponent.vue').default);
+Vue.component('gravatar', require('./components/GravatarComponent.vue').default);
 
 window.Vuetify = require('vuetify');
 Vue.use(Vuetify)
@@ -40,6 +40,7 @@ if (window.user) {
 const app = new Vue({
   el: '#app',
   store,
+  vuetify: new Vuetify(),
   mixins: [ withSnackbar ],
   data: () => ({
     drawer: null,
diff --git a/src/vuetify-stubs/resources/js/components/LoginButtonComponent.vue b/src/vuetify-stubs/resources/js/components/LoginButtonComponent.vue
index 36a3d6e..54e7236 100644
--- a/src/vuetify-stubs/resources/js/components/LoginButtonComponent.vue
+++ b/src/vuetify-stubs/resources/js/components/LoginButtonComponent.vue
@@ -4,7 +4,10 @@
             v-model="showLogin"
             persistent max-width="500px"
             :fullscreen="$vuetify.breakpoint.xsOnly">
-        <v-btn color="primary" dark slot="activator">Login</v-btn>
+
+      <template dark v-slot:activator="{ on }">
+        <v-btn color="primary" v-on="on" >Login</v-btn>
+      </template>
 
         <v-card>
             <v-card-title>
@@ -68,7 +71,8 @@
                 <v-spacer></v-spacer>
             </v-card-actions>
         </v-card>
-    </v-dialog>
+    </v-dialog
+            v-show="show">
 </template>
 
 <style scoped>
diff --git a/src/vuetify-stubs/resources/js/components/RegisterButtonComponent.vue b/src/vuetify-stubs/resources/js/components/RegisterButtonComponent.vue
index 3dde73f..13c6f08 100644
--- a/src/vuetify-stubs/resources/js/components/RegisterButtonComponent.vue
+++ b/src/vuetify-stubs/resources/js/components/RegisterButtonComponent.vue
@@ -4,7 +4,9 @@
             v-if="show"
             v-model="showRegister"
             persistent>
-        <v-btn slot="activator">Register</v-btn>
+      <template v-slot:activator="{ on }">
+        <v-btn v-on="on">Register</v-btn>
+      </template>
         <v-card>
             <v-card-title>
                 <span class="headline">User registration</span>
@@ -70,7 +72,7 @@
             </v-card-text>
             <v-card-actions>
                 <v-spacer></v-spacer>
-                <v-btn color="blue darken-1" flat @click.native="showRegister = false">Close</v-btn>
+                <v-btn color="blue darken-1" text @click.native="showRegister = false">Close</v-btn>
                 <v-btn :loading="registerLoading" color="blue darken-1" class="white--text" @click.native="register">Register</v-btn>
             </v-card-actions>
         </v-card>
diff --git a/src/vuetify-stubs/resources/sass/app.scss b/src/vuetify-stubs/resources/sass/app.scss
index fee0ed5..7b9974c 100644
--- a/src/vuetify-stubs/resources/sass/app.scss
+++ b/src/vuetify-stubs/resources/sass/app.scss
@@ -21,4 +21,6 @@
 .pace .pace-activity {
   border-top-color: #0D47A1;
   border-left-color: #0D47A1;
-}
\ No newline at end of file
+}
+
+@import '~vuetify/dist/vuetify.min.css';
diff --git a/src/vuetify-stubs/resources/views/layouts/app.blade.php b/src/vuetify-stubs/resources/views/layouts/app.blade.php
index 5f200be..57b7b6c 100644
--- a/src/vuetify-stubs/resources/views/layouts/app.blade.php
+++ b/src/vuetify-stubs/resources/views/layouts/app.blade.php
@@ -1,176 +1,223 @@
 <!DOCTYPE html>
 <html lang="{{ app()->getLocale() }}">
 <head>
+    <title>{{ config('app.name') }}</title>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="csrf-token" content="{{ csrf_token() }}">
-    <meta name="user" content="{{ Auth::user() }}">
-    <link rel="manifest" href="/manifest.json">
-    <title>{{ config('app.name', 'Laravel') }}</title>
     <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
-    <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/blue/pace-theme-corner-indicator.min.css" rel="stylesheet">
-    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
+  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+    <style>
+        [v-cloak] > * { display:none; }
+        [v-cloak]::before {
+            content: " ";
+            display: block;
+            width: 40px;
+            height: 40px;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K');
+        }
+    </style>
 </head>
 <body>
-<v-app id="app" v-cloak>
+<div id="app">
+  <v-app light v-cloak>
     <snackbar></snackbar>
-    <v-navigation-drawer
-            fixed
-            clipped
-            app
-            v-model="drawer"
-    >
-        <v-list dense>
-            <template v-for="(item, i) in items">
-                <template v-if="checkRoles(item)">
-                    <v-layout
-                            row
-                            v-if="item.heading"
-                            align-center
-                            :key="i"
-                    >
-                        <v-flex xs6>
-                            <v-subheader v-if="item.heading">
-                                @{{ item.heading }}
-                            </v-subheader>
-                        </v-flex>
-                    </v-layout>
-                    <v-list-group v-else-if="item.children" v-model="item.model" no-action>
-                        <v-list-tile slot="item" @click="menuItemSelected(item)">
-                            <v-list-tile-action>
-                                <v-icon>@{{ item.model ? item.icon : item['icon-alt'] }}</v-icon>
-                            </v-list-tile-action>
-                            <v-list-tile-content>
-                                <v-list-tile-title>
-                                    @{{ item.text }}
-                                </v-list-tile-title>
-                            </v-list-tile-content>
-                        </v-list-tile>
-                        <v-list-tile
-                                v-for="(child, i) in item.children"
-                                :key="i"
-                                @click="menuItemSelected(child)"
-                        >
-                            <v-list-tile-action v-if="child.icon">
-                                <v-icon>@{{ child.icon }}</v-icon>
-                            </v-list-tile-action>
-                            <v-list-tile-content>
-                                <v-list-tile-title>
-                                    @{{ child.text }}
-                                </v-list-tile-title>
-                            </v-list-tile-content>
-                        </v-list-tile>
-                    </v-list-group>
-                    <v-list-tile v-else @click="menuItemSelected(item)">
-                        <v-list-tile-action>
-                            <v-icon>@{{ item.icon }}</v-icon>
-                        </v-list-tile-action>
-                        <v-list-tile-content>
-                            <v-list-tile-title>
-                                @{{ item.text }}
-                            </v-list-tile-title>
-                        </v-list-tile-content>
-                    </v-list-tile>
-                </template>
-            </template>
-        </v-list>
-    </v-navigation-drawer>
-    <v-toolbar
-            color="blue darken-3"
-            dark
-            app
-            clipped-left
-            clipped-right
-            fixed
-    >
-        <v-toolbar-title :style="$vuetify.breakpoint.smAndUp ? 'width: 300px; min-width: 250px' : 'min-width: 72px'" class="ml-0 pl-3">
-            <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
-            <span class="hidden-xs-only">{{ config('app.shortname', 'Laravel') }}</span>
-        </v-toolbar-title>
-        <div class="d-flex align-center" style="margin-left: auto">
-            <v-btn icon>
-                <v-icon>notifications</v-icon>
-            </v-btn>
-            <v-btn icon large @click="toogleRightDrawer">
-                <gravatar :user="{{ Auth::user() }}" size="52px"></gravatar>
-            </v-btn>
-        </div>
+    <v-toolbar class="white">
+      <v-toolbar-title>{{ config('app.name') }}</v-toolbar-title>
+      @if (Route::has('login') && ! Auth::check() )
+        <v-spacer></v-spacer>
+        <login-button action="{{ $action ?? null }}" ></login-button>
+        <register-button action="{{ $action ?? null }}" ></register-button>
+        <remember-password action="{{ $action ?? null }}"></remember-password>
+        <reset-password
+          action="{{ $action ?? null }}"
+          token="{{ $token ?? null }}"
+          email="{{ $email ?? null }}"></reset-password>
+      @endif
     </v-toolbar>
-    <v-navigation-drawer
-            fixed
-            v-model="drawerRight"
-            right
-            clipped
-            app
-    >
-        <v-card>
-            <v-container fluid grid-list-md class="grey lighten-4">
-                <v-layout row wrap>
-                    <v-flex xs12>
-                        <gravatar :user="{{ Auth::user() }}" size="100px"></gravatar>
-                    </v-flex>
-                    <v-flex xs12>
-                        <h3>@{{  user.name }}</h3>
-                        <a href="https://en.gravatar.com/connect/">Change Avatar</a>
-                    </v-flex>
-                </v-layout>
-            </v-container>
-            <v-card-text class="px-0 grey lighten-3">
-                <v-form class="pl-3 pr-1 ma-0">
-                    <v-text-field :readonly="!editingUser"
-                                  label="Email"
-                                  :value="user.email"
-                                  ref="email"
-                                  @input="updateEmail"
-                    ></v-text-field>
-                    <v-text-field :readonly="!editingUser"
-                                  label="User name"
-                                  :value="user.name"
-                                  @input="updateName"
-                    ></v-text-field>
-                    <v-text-field readonly
-                                  label="Created at"
-                                  :value="user.created_at"
-                                  readonly
-                    ></v-text-field>
-                </v-form>
-            </v-card-text>
-            <v-card-actions>
-                <v-spacer></v-spacer>
-                <v-btn :loading="updatingUser" flat color="green" @click="updateUser" v-if="editingUser">
-                    <v-icon right dark>save</v-icon>
-                    Guardar
-                </v-btn>
-                <v-btn flat color="orange" @click="editUser()" v-else>
-                    <v-icon right dark>edit</v-icon>
-                    Edit
-                </v-btn>
-                <v-btn :loading="logoutLoading" @click="logout" flat color="orange">
-                    <v-icon right dark>exit_to_app</v-icon>
-                    Logout</v-btn>
-                <v-spacer></v-spacer>
-            </v-card-actions>
-            <v-card-actions>
-                <v-spacer></v-spacer>
-                <v-btn :loading="changingPassword" flat color="red" @click="changePassword">Change Password</v-btn>
-                <v-spacer></v-spacer>
-            </v-card-actions>
-            <v-card-actions>
-                <v-spacer></v-spacer>
-                <a href="https://en.gravatar.com/connect/">Change Avatar</a>
-                <v-spacer></v-spacer>
-            </v-card-actions>
-        </v-card>
-    </v-navigation-drawer>
     <v-content>
-        @yield('content')
+      <section>
+        <v-parallax src="/img/hero.jpeg" height="600">
+          <v-layout
+            column
+            align-center
+            justify-center
+            class="white--text"
+          >
+            <img src="/img/vuetify.png" alt="Vuetify.js" height="200">
+            <h1 class="white--text mb-2 display-1 text-xs-center">Parallax Template</h1>
+            <div class="subheading mb-3 text-xs-center">Powered by Vuetify</div>
+            <v-btn
+              class="blue lighten-2 mt-5"
+              dark
+              large
+              href="/home"
+            >
+              Get Started
+            </v-btn>
+          </v-layout>
+        </v-parallax>
+      </section>
+
+      <section>
+        <v-layout
+          column
+          wrap
+          class="my-5"
+          align-center
+        >
+          <v-flex xs12 sm4 class="my-3">
+            <div class="text-xs-center">
+              <h2 class="headline">The best way to start developing</h2>
+              <span class="subheading">
+                Cras facilisis mi vitae nunc
+              </span>
+            </div>
+          </v-flex>
+          <v-flex xs12>
+            <v-container grid-list-xl>
+              <v-layout row wrap align-center>
+                <v-flex xs12 md4>
+                  <v-card class="elevation-0 transparent">
+                    <v-card-text class="text-xs-center">
+                      <v-icon x-large class="blue--text text--lighten-2">color_lens</v-icon>
+                    </v-card-text>
+                    <v-card-title primary-title class="layout justify-center">
+                      <div class="headline text-xs-center">Material Design</div>
+                    </v-card-title>
+                    <v-card-text>
+                      Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                      Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                    </v-card-text>
+                  </v-card>
+                </v-flex>
+                <v-flex xs12 md4>
+                  <v-card class="elevation-0 transparent">
+                    <v-card-text class="text-xs-center">
+                      <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+                    </v-card-text>
+                    <v-card-title primary-title class="layout justify-center">
+                      <div class="headline">Fast development</div>
+                    </v-card-title>
+                    <v-card-text>
+                      Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                      Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                    </v-card-text>
+                  </v-card>
+                </v-flex>
+                <v-flex xs12 md4>
+                  <v-card class="elevation-0 transparent">
+                    <v-card-text class="text-xs-center">
+                      <v-icon x-large class="blue--text text--lighten-2">build</v-icon>
+                    </v-card-text>
+                    <v-card-title primary-title class="layout justify-center">
+                      <div class="headline text-xs-center">Completely Open Sourced</div>
+                    </v-card-title>
+                    <v-card-text>
+                      Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                      Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                    </v-card-text>
+                  </v-card>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-flex>
+        </v-layout>
+      </section>
+
+      <section>
+        <v-parallax src="/img/section.jpg" height="380">
+          <v-layout column align-center justify-center>
+            <div class="headline white--text mb-3 text-xs-center">Web development has never been easier</div>
+            <em>Kick-start your application today</em>
+            <v-btn
+              class="blue lighten-2 mt-5"
+              dark
+              large
+              href="/home"
+            >
+              Get Started
+            </v-btn>
+          </v-layout>
+        </v-parallax>
+      </section>
+
+      <section>
+        <v-container grid-list-xl>
+          <v-layout row wrap justify-center class="my-5">
+            <v-flex xs12 sm4>
+              <v-card class="elevation-0 transparent">
+                <v-card-title primary-title class="layout justify-center">
+                  <div class="headline">Company info</div>
+                </v-card-title>
+                <v-card-text>
+                  Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+                  Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                </v-card-text>
+              </v-card>
+            </v-flex>
+            <v-flex xs12 sm4 offset-sm1>
+              <v-card class="elevation-0 transparent">
+                <v-card-title primary-title class="layout justify-center">
+                  <div class="headline">Contact us</div>
+                </v-card-title>
+                <v-card-text>
+                  Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+                </v-card-text>
+                <v-list class="transparent">
+                  <v-list-item>
+                    <v-list-item-action>
+                      <v-icon class="blue--text text--lighten-2">phone</v-icon>
+                    </v-list-item-action>
+                    <v-list-item-content>
+                      <v-list-item-title>777-867-5309</v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-action>
+                      <v-icon class="blue--text text--lighten-2">place</v-icon>
+                    </v-list-item-action>
+                    <v-list-item-content>
+                      <v-list-item-title>Chicago, US</v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-action>
+                      <v-icon class="blue--text text--lighten-2">email</v-icon>
+                    </v-list-item-action>
+                    <v-list-item-content>
+                      <v-list-item-title>john@vuetifyjs.com</v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                </v-list>
+              </v-card>
+            </v-flex>
+          </v-layout>
+        </v-container>
+      </section>
+
+      <v-footer class="blue darken-2">
+        <v-layout row wrap align-center>
+          <v-flex xs12>
+            <div class="white--text ml-3">
+              Made with
+              <v-icon class="red--text">favorite</v-icon>
+              by <a class="white--text" href="https://vuetifyjs.com" target="_blank">Vuetify</a>
+              and <a class="white--text" href="https://github.com/vwxyzjn">Costa Huang</a>
+            </div>
+          </v-flex>
+        </v-layout>
+      </v-footer>
     </v-content>
-</v-app>
-@stack('beforeScripts')
-<script src="{{ mix('js/app.js') }}"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
-@stack('afterScripts')
+  </v-app>
+</div>
+<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
 </body>
 </html>
diff --git a/src/vuetify-stubs/resources/views/welcome.blade.php b/src/vuetify-stubs/resources/views/welcome.blade.php
index 3accf7d..cf8e96d 100644
--- a/src/vuetify-stubs/resources/views/welcome.blade.php
+++ b/src/vuetify-stubs/resources/views/welcome.blade.php
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
-    <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
+    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
     <style>
         [v-cloak] > * { display:none; }
         [v-cloak]::before {
@@ -172,30 +172,30 @@ class="blue lighten-2 mt-5"
                                     Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
                                 </v-card-text>
                                 <v-list class="transparent">
-                                    <v-list-tile>
-                                        <v-list-tile-action>
+                                    <v-list-item>
+                                        <v-list-item-action>
                                             <v-icon class="blue--text text--lighten-2">phone</v-icon>
-                                        </v-list-tile-action>
-                                        <v-list-tile-content>
-                                            <v-list-tile-title>777-867-5309</v-list-tile-title>
-                                        </v-list-tile-content>
-                                    </v-list-tile>
-                                    <v-list-tile>
-                                        <v-list-tile-action>
+                                        </v-list-item-action>
+                                        <v-list-item-content>
+                                            <v-list-item-title>777-867-5309</v-list-item-title>
+                                        </v-list-item-content>
+                                    </v-list-item>
+                                    <v-list-item>
+                                        <v-list-item-action>
                                             <v-icon class="blue--text text--lighten-2">place</v-icon>
-                                        </v-list-tile-action>
-                                        <v-list-tile-content>
-                                            <v-list-tile-title>Chicago, US</v-list-tile-title>
-                                        </v-list-tile-content>
-                                    </v-list-tile>
-                                    <v-list-tile>
-                                        <v-list-tile-action>
+                                        </v-list-item-action>
+                                        <v-list-item-content>
+                                            <v-list-item-title>Chicago, US</v-list-item-title>
+                                        </v-list-item-content>
+                                    </v-list-item>
+                                    <v-list-item>
+                                        <v-list-item-action>
                                             <v-icon class="blue--text text--lighten-2">email</v-icon>
-                                        </v-list-tile-action>
-                                        <v-list-tile-content>
-                                            <v-list-tile-title>john@vuetifyjs.com</v-list-tile-title>
-                                        </v-list-tile-content>
-                                    </v-list-tile>
+                                        </v-list-item-action>
+                                        <v-list-item-content>
+                                            <v-list-item-title>john@vuetifyjs.com</v-list-item-title>
+                                        </v-list-item-content>
+                                    </v-list-item>
                                 </v-list>
                             </v-card>
                         </v-flex>