Skip to content

samiulh4/laravel-vue-hub

Repository files navigation

Install Vue in Laravel using Mix (Youtube)

""" https://www.youtube.com/watch?v=ndA3m2CCpZY """

Laravel mix document

""" https://laravel.com/docs/10.x/mix """

Mix websie

https://laravel-mix.com/docs/6.0/installation

Helpful Blog

https://adevait.com/laravel/how-to-use-laravel-with-vue-js-3

composer require laravel/ui

php artisan ui vue

npm uninstall vite

npm install

npm install laravel-mix --save-dev

delete all vite "dev": "vite", "build": "vite build" "laravel-vite-plugin": "^1.0.0", "@vitejs/plugin-vue": "^4.5.0",

"scripts": { "dev": "npm run development", "development": "mix", "watch": "mix watch", "watch-poll": "mix watch -- --watch-options-poll=1000", "hot": "mix watch --hot", "prod": "npm run production", "production": "mix --production" },

create webpack.mix.cjs

npm install vue-loader@^16.2.0 --save-dev --legacy-peer-deps

// found form cha gpt npm install --save-dev webpack@latest webpack-cli@latest npm install npm install --save-dev laravel-mix@latest npm run dev

font awsome npm i --save @fortawesome/fontawesome-svg-core

Free icons styles

npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-regular-svg-icons npm i --save @fortawesome/free-brands-svg-icons npm i --save @fortawesome/vue-fontawesome@latest-3

""" https://www.youtube.com/watch?v=5lVQgZzLMHc """

""" https://www.youtube.com/watch?v=cfiN8lCA3RM """

(login)

""" https://www.youtube.com/watch?v=NlD4Sy4Talo """

Working with the Vue.js Router Guards

""" https://reintech.io/blog/working-with-vuejs-router-guards """

""" https://router.vuejs.org/guide/advanced/navigation-guards.html """

""" https://www.koderhq.com/tutorial/vue/route-guard/#google_vignette """

Authentication and Authorization Implementation with Vue.js

""" https://medium.com/@tahnyybelguith/authentication-and-authorization-implementation-with-vue-js-6afcbb821c85 """

Authentication In Vue.js

""" https://www.smashingmagazine.com/2020/10/authentication-in-vue-js/ """

""" php artisan db:seed php artisan db:seed -–class=UserSeeder php artisan migrate:fresh --seed """