integrate vue

app/Http/Controllers/IndexController.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+/**
+ * IndexController
+ */
+class IndexController extends Controller
+{
+    /**
+    * Instantiate a new controller instance.
+    *
+    * @return void
+    */
+    public function __construct()
+    {
+        //$this->middleware('auth');
+    }
+
+    /**
+     * Invoke single action controller.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function __invoke($path = null)
+    {
+        return response()->view('index');
+    }
+}

app/Http/Kernel.php

@@ -19,6 +19,7 @@ class Kernel extends HttpKernel
         \App\Http\Middleware\TrimStrings::class,
         \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
         \App\Http\Middleware\TrustProxies::class,
+        \Barryvdh\Cors\HandleCors::class,
     ];
 
     /**
@@ -35,6 +36,7 @@ class Kernel extends HttpKernel
             \Illuminate\View\Middleware\ShareErrorsFromSession::class,
             \App\Http\Middleware\VerifyCsrfToken::class,
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,
         ],
 
         'api' => [

app/Providers/AuthServiceProvider.php

@@ -4,6 +4,7 @@
 
 use Illuminate\Support\Facades\Gate;
 use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+use Laravel\Passport\Passport;
 
 class AuthServiceProvider extends ServiceProvider
 {
@@ -27,6 +28,10 @@ public function boot()
     {
         $this->registerPolicies();
 
-        //
+        Passport::routes();
+
+        Passport::tokensExpireIn(now()->addDays(15));
+
+        Passport::refreshTokensExpireIn(now()->addDays(30));
     }
 }

app/Providers/RouteServiceProvider.php

@@ -69,5 +69,10 @@ protected function mapApiRoutes()
              ->middleware('api')
              ->namespace($this->namespace)
              ->group(base_path('routes/api.php'));
+
+        Route::domain('api.'.config('app.domain'))
+            ->middleware('api')
+            ->namespace($this->namespace)
+            ->group(base_path('routes/api.php'));
     }
 }

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

composer.json

@@ -10,6 +10,7 @@
     "require": {
         "php": "^7.1.3",
         "atnic/laravel-generator": "^0.9.5",
+        "barryvdh/laravel-cors": "^0.11.3",
         "fideloper/proxy": "^4.0",
         "laravel/framework": "5.7.*",
         "laravel/tinker": "^1.0"

config/app.php

@@ -52,6 +52,8 @@
     |
     */
 
+    'domain' => env('APP_DOMAIN', 'localhost'),
+
     'url' => env('APP_URL', 'http://localhost'),
 
     'asset_url' => env('ASSET_URL', null),

config/cors.php

@@ -0,0 +1,23 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Laravel CORS
+    |--------------------------------------------------------------------------
+    |
+    | allowedOrigins, allowedHeaders and allowedMethods can be set to array('*')
+    | to accept any value.
+    |
+    */
+
+    'supportsCredentials' => false,
+    'allowedOrigins' => ['*'],
+    'allowedOriginsPatterns' => [],
+    'allowedHeaders' => ['*'],
+    'allowedMethods' => ['*'],
+    'exposedHeaders' => [],
+    'maxAge' => 0,
+
+];

package.json

@@ -10,16 +10,36 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
+        "@vue/cli-plugin-babel": "^3.3.0",
+        "@vue/cli-plugin-eslint": "^3.3.0",
+        "@vue/cli-plugin-pwa": "^3.3.0",
+        "@vue/cli-service": "^3.3.0",
         "axios": "^0.18",
+        "babel-eslint": "^10.0.1",
         "bootstrap": "^4.0.0",
         "cross-env": "^5.1",
+        "eslint": "^5.8.0",
+        "eslint-plugin-vue": "^5.0.0",
         "jquery": "^3.2",
+        "js-cookie": "^2.2.0",
         "laravel-mix": "^4.0.7",
         "lodash": "^4.17.5",
+        "moment": "^2.24.0",
         "popper.js": "^1.12",
+        "register-service-worker": "^1.6.2",
         "resolve-url-loader": "^2.3.1",
         "sass": "^1.15.2",
         "sass-loader": "^7.1.0",
-        "vue": "^2.5.17"
+        "stylus": "^0.54.5",
+        "stylus-loader": "^3.0.2",
+        "vue": "^2.5.17",
+        "vue-axios": "^2.1.4",
+        "vue-cli-plugin-vuetify": "^0.4.6",
+        "vue-router": "^3.0.2",
+        "vue-template-compiler": "^2.6.8",
+        "vuetify": "^1.5.5",
+        "vuetify-loader": "^1.0.5",
+        "vuex": "^3.1.0",
+        "webpack-cli": "^3.2.3"
     }
 }