Add prettier for js/css/vue code style fixes

.prettierignore

@@ -0,0 +1,2 @@
+public/
+vendor/

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "printWidth": 100,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "trailingComma": "es5"
+}

Changelog

@@ -1,6 +1,7 @@
 2019-02-01 DariusIII
-	* Chg:  Update sebastian/environment (4.0.2 => 4.1.0)
-	* Chg:  Update phpunit/phpunit (7.5.2 => 7.5.3)
+	* Chg: Add prettier for css/js/vue files code style fixes
+	* Chg: Update sebastian/environment (4.0.2 => 4.1.0)
+	* Chg: Update phpunit/phpunit (7.5.2 => 7.5.3)
 2019-01-31 DariusIII
 	* Chg: Update .styleci config file
 	* Chg: Update and fix code with php-cs-fixer

README.md

@@ -7,6 +7,7 @@
     <a href="https://packagist.org/packages/nntmux/newznab-tmux"><img src="https://poser.pugx.org/nntmux/newznab-tmux/license.svg" alt="License"></a>
     <a href="https://styleci.io/repos/22602573"><img src="https://styleci.io/repos/22602573/shield?branch=dev" alt="StyleCI"></a>
     <a href='https://coveralls.io/github/NNTmux/newznab-tmux?branch=0.x'><img src='https://coveralls.io/repos/github/NNTmux/newznab-tmux/badge.svg?branch=dev' alt='Coverage Status' /></a>
+    <a href="https://github.com/prettier/prettier"><img src=https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square"></a>
     <a href="https://www.patreon.com/bePatron?u=6160908"><img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patron!" height="35"></a>
 </p>
 

package.json

@@ -7,7 +7,8 @@
         "watch-poll": "npm run watch -- --watch-poll",
         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
         "prod": "npm run production",
-        "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"
+        "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",
+        "format": "prettier --write 'resources/**/*.{css,js,vue}'"
     },
     "devDependencies": {
         "axios": "^0.18",
@@ -16,6 +17,7 @@
         "laravel-mix": "^4.0.14",
         "lodash": "^4.17.11",
         "popper.js": "^1.14.7",
+        "prettier": "1.16.3",
         "vue": "^2.5.22"
     },
     "dependencies": {

resources/assets/js/app.js

@@ -1,4 +1,3 @@
-
 /**
  * First we will load all of this project's JavaScript dependencies which
  * includes Vue and other libraries. It is a great starting point when
@@ -18,5 +17,5 @@ window.Vue = require('vue');
 Vue.component('example-component', require('./components/ExampleComponent.vue'));
 
 const app = new Vue({
-    el: '#app'
+    el: '#app',
 });

resources/assets/js/components/ExampleComponent.vue

@@ -15,9 +15,9 @@
 </template>
 
 <script>
-    export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
-    }
+export default {
+    mounted() {
+        console.log('Component mounted.');
+    },
+};
 </script>