feat: use my Vue.js project structure

Author: alefesouza

app/GraphQL/Mutation/AddUserMutation.php

@@ -42,6 +42,7 @@ public function args() : array
     public function resolve($root, $args)
     {
         $input = $args['input'];
+        $input['password'] = bcrypt($input['password']);
 
         $user = User::create($input);
 

app/GraphQL/Mutation/EditUserMutation.php

@@ -43,6 +43,10 @@ public function resolve($root, $args)
     {
         $input = $args['input'];
 
+        if (!empty($input['password'])) {
+            $input['password'] = bcrypt($input['password']);
+        }
+
         $user = User::find($input['id']);
         $user->update($input);
 

app/Http/Controllers/Resources/UserController.php

@@ -31,9 +31,12 @@ public function store(Request $request)
     {
         $this->validator($request);
 
-        return response()->json(tap(new User($request->all()), function ($user) {
-            $user->save();
-        }), 201);
+        $input = $request->all();
+        $input['password'] = bcrypt($input['password']);
+
+        $user = User::create($input);
+
+        return response()->json($user, 201);
     }
 
     /**
@@ -45,13 +48,17 @@ public function store(Request $request)
      */
     public function update(Request $request, User $user)
     {
-        if (empty($request['password'])) {
-            unset($request['password']);
-        }
+        $input = $request->all();
 
         $this->validator($request, $user->id);
 
-        return tap($user)->update($request->all());
+        if (!empty($input['password'])) {
+            $input['password'] = bcrypt($input['password']);
+        }
+
+        $user->update($input);
+
+        return $user;
     }
 
     /**

resources/assets/vue/App.vue

@@ -1,13 +1,11 @@
 <script lang="ts">
-import axios from 'axios';
 import { Component, Vue, Watch } from 'vue-property-decorator';
 import { Action, State, namespace } from 'vuex-class';
 
-import BaseAuth from './components/BaseAuth.vue';
+import BaseAuth from './views/auth/components/BaseAuth.vue';
 import TheHeader from './components/TheHeader.vue';
 
 import dialog from '@/utils/dialog';
-import userTypes from '@/utils/userTypes';
 
 const aStore = namespace('auth');
 

resources/assets/vue/components/TheHeader.vue

@@ -3,7 +3,7 @@ import { Component, Vue } from 'vue-property-decorator';
 import { State, namespace } from 'vuex-class';
 import { BIconArrowLeftShort, BIconGithub } from 'bootstrap-vue';
 
-import TheMessageBadge from './TheMessageBadge.vue';
+import TheMessageBadge from '../views/messages/components/TheMessageBadge.vue';
 import TheSettings from './TheSettings.vue';
 
 const aStore = namespace('auth');

resources/assets/vue/router/index.ts

@@ -3,17 +3,17 @@ import Router from 'vue-router';
 
 import NProgress from 'nprogress';
 
-const BaseAuth = () => import('@/components/BaseAuth.vue');
-const AuthLogin = () => import('../views/AuthLogin.vue');
-const AuthRegister = () => import('../views/AuthRegister.vue');
-const AuthResetLink = () => import('../views/AuthResetLink.vue');
-const AuthResetForm = () => import('../views/AuthResetForm.vue');
-
-const Example = () => import('../views/Example.vue');
-const Home = () => import('../views/Home.vue');
-const Messages = () => import('../views/Messages.vue');
-const Users = () => import('../views/Users.vue');
-const UsersGraphQL = () => import('../views/UsersGraphQL.vue');
+const BaseAuth = () => import('@/views/auth/components/BaseAuth.vue');
+const AuthLogin = () => import('../views/auth/AuthLogin.vue');
+const AuthRegister = () => import('../views/auth/AuthRegister.vue');
+const AuthResetLink = () => import('../views/auth/AuthResetLink.vue');
+const AuthResetForm = () => import('../views/auth/AuthResetForm.vue');
+
+const Example = () => import('../views/example/Example.vue');
+const Home = () => import('../views/home/Home.vue');
+const Messages = () => import('../views/messages/Messages.vue');
+const Users = () => import('../views/users/Users.vue');
+const UsersGraphQL = () => import('../views/users/UsersGraphQL.vue');
 
 import userTypes from '@/utils/userTypes';
 

resources/assets/vue/views/AuthLogin.vue renamed to resources/assets/vue/views/auth/AuthLogin.vue

@@ -2,16 +2,8 @@
 import { Component, Vue } from 'vue-property-decorator';
 import { Action } from 'vuex-class';
 
-import dialog from '@/utils/dialog';
-
-import HomeCard from '@/components/HomeCard.vue';
-
 // TODO change
-@Component({
-  components: {
-    HomeCard,
-  },
-})
+@Component
 export default class Home extends Vue {
   @Action setBackUrl;
   @Action setMenu;

resources/assets/vue/views/AuthRegister.vue renamed to resources/assets/vue/views/auth/AuthRegister.vue

@@ -2,7 +2,7 @@
 import { Component, Vue } from 'vue-property-decorator';
 import { Action, State, namespace } from 'vuex-class';
 
-import HomeCard from '@/components/HomeCard.vue';
+import HomeCard from './components/HomeCard.vue';
 
 const aStore = namespace('auth');
 

resources/assets/vue/views/AuthResetForm.vue renamed to resources/assets/vue/views/auth/AuthResetForm.vue

@@ -2,8 +2,6 @@
 import { Component, Vue } from 'vue-property-decorator';
 import { Action, namespace } from 'vuex-class';
 
-import Echo from 'laravel-echo';
-
 const aStore = namespace('auth');
 const mStore = namespace('messages');
 

resources/assets/vue/views/AuthResetLink.vue renamed to resources/assets/vue/views/auth/AuthResetLink.vue

@@ -1,11 +1,11 @@
 <script lang="ts">
-import { Component, Vue, Watch } from 'vue-property-decorator';
-import { Action, State, namespace } from 'vuex-class';
+import { Component, Vue } from 'vue-property-decorator';
+import { Action, namespace } from 'vuex-class';
 
 import dialog from '@/utils/dialog';
 
-import UsersCard from '@/components/UsersCard.vue';
-import UsersModal from '@/components/UsersModal.vue';
+import UsersCard from './components/UsersCard.vue';
+import UsersModal from './components/UsersModal.vue';
 
 const uStore = namespace('users');
 
@@ -56,7 +56,7 @@ export default class Users extends Vue {
     };
   }
 
-  editUser(user: User, index: number): void {
+  editUser(user: User): void {
     this.isModalAdd = false;
     this.setModalVisible(true);
 

resources/assets/vue/components/BaseAuth.vue renamed to resources/assets/vue/views/auth/components/BaseAuth.vue

@@ -1,11 +1,11 @@
 <script lang="ts">
 import { Component, Vue, Watch } from 'vue-property-decorator';
-import { Action, State, namespace } from 'vuex-class';
+import { Action } from 'vuex-class';
 
 import dialog from '@/utils/dialog';
 
-import UsersCard from '@/components/UsersCard.vue';
-import UsersModalGraphQL from '@/components/UsersModalGraphQL.vue';
+import UsersCard from './components/UsersCard.vue';
+import UsersModalGraphQL from './components/UsersModalGraphQL.vue';
 import deleteUserMutation from '@/graphql/mutations/deleteUser.gql';
 
 @Component({

resources/assets/vue/views/Example.vue renamed to resources/assets/vue/views/example/Example.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { Component, Emit, Prop, Vue } from 'vue-property-decorator';
-import { Action, State, namespace } from 'vuex-class';
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
 
 import checkPassword from '@/utils/checkPassword';
 

resources/assets/vue/views/Home.vue renamed to resources/assets/vue/views/home/Home.vue

@@ -5,7 +5,6 @@ import { Action } from 'vuex-class';
 import addUserMutation from '@/graphql/mutations/addUser.gql';
 import editUserMutation from '@/graphql/mutations/editUser.gql';
 
-import checkPassword from '@/utils/checkPassword';
 import checkGraphQLError from '@/utils/checkGraphQLError';
 
 @Component