updates to preset

packages/Phased/Preset/stubs/configs/tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-    theme: {},
-    variants: {},
-    plugins: [],
-  }
+  theme: {},
+  variants: {},
+  plugins: []
+};

packages/Phased/Preset/stubs/configs/webpack.mix.js

@@ -1,19 +1,23 @@
 const mix = require("laravel-mix");
+const path = require('path')
 const tailwindcss = require("tailwindcss");
-require("@phased/phase/mix"); // generates phase/phase/routing
+require('laravel-mix-purgecss');
+require('@phased/phase')
 
 mix
   .webpackConfig({
-    resolve: {
-      // aliases '@' to the base js folder to avoid
-      // annoying relative imports '../../../../SomeFile.vue'
-      alias: { "@": path.resolve(__dirname, "resources", "js") }
-    }
+    // aliases '@' to the base js folder
+    resolve: { alias: { "@": path.resolve(__dirname, "resources", "js") } }
   })
+
   // Setup TailwindCss
   .options({
     processCssUrls: false,
     postCss: [tailwindcss("./tailwind.config.js")]
   })
+
+  // Remove unused css in production
+  .purgeCss()
+
   // Generate Phase Routes
   .phase();

packages/Phased/Preset/stubs/controllers/PhaseController.php

@@ -32,4 +32,14 @@ public function AboutPage()
     {
         return Phase::view();
     }
+
+    /**
+     * Api call to retrieve a random number from the server.
+     */
+    public function getRandomNumber()
+    {
+        Vuex::state(['number' => random_int(0, 100)]);
+
+        return response()->vuex();
+    }
 }

packages/Phased/Preset/stubs/js/app.js

@@ -1,5 +1,5 @@
-import './bootstrap';
 import Vue from 'vue';
+import './bootstrap';
 import App from './App.vue'
 import router from './router'
 import store from './store'

packages/Phased/Preset/stubs/js/store/index.js

@@ -5,11 +5,9 @@ Vue.use(Vuex)
 
 // modules
 import app from './modules/app'
-import todo from './modules/todo'
 
 export default new Store({
     modules: {
-        app,
-        todo
+        app
     }
 })