How to install VueJS in Laravel 8

@Sinnbeck Thanks. How can I upgrade bootstrap version ?

@afoysal show package.json

@Sinnbeck Thanks. Here is my package.json.

{
    "private": true,
    "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"
    },
    "devDependencies": {
        "@popperjs/core": "^2.10.2",
        "axios": "^0.21",
        "bootstrap": "^5.1.3",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^3.1.2",
        "sass": "^1.32.11",
        "sass-loader": "^11.0.1",
        "vue": "^2.6.12",
        "vue-loader": "^16.8.3",
        "vue-template-compiler": "^2.6.12"
    },
    "dependencies": {
        "babel-preset-es2015": "^6.24.1",
        "vue": "^3.2.45"
    }
}

@afoysal Try npm update and then try again

Or

npm i bootstrap

@Sinnbeck Thanks . I used both npm update and npm i bootstrap. But I am getting same error as like before. Thanks.

@afoysal Try changing it in the package.json

        "bootstrap": "^5.2",

and run npm update

Just checked the bootstrap repo. Apparently it was just merged (the fix) and it might not have been released yet

https://github.com/twbs/bootstrap/pull/37425

So for now just fix the other error and wait for an update. Its in prayer_time.vue where you refernce styles on an empty object

@Sinnbeck Thanks. How can I remove bootstrap ?

@Sinnbeck Thanks. Here is my prayer_time.vue .

<template>
    <div>Welcome</div>
</template>
<script>
    export default {
        mounted() {
            console.log("Example component mounted");
        }
    };
</script>

@Sinnbeck Thanks. I am getting below error.