How to check user authorization?

Question

Vue.js

Good evening everyone. I am developing an application in vue + laravel. I don't understand how to check if the user is logged in or not. On pure laravel I know how, but with the use of vue componennts I don’t really understand this. Let's say there is a div with a form for authorization, I hang v-if="????" on it. and there is another div if the user is already logged in, v-else on it... But what should I write in v-if? How to do this check? Declare a global variable? What to write into it, if you write it like this window.isLogin = {{Auth::check()}}, then such a record does not work.

Answer 1

app.js - https://github.com/EvgeniiR/forum/blob/master/reso...

let authorizations = require('./authorizations')

Vue.prototype.authorize = function (...params) {
    if (! window.App.user) return false;

    if (typeof params[0] === 'string') {
        return authorizations[params[0]](params[1]);
    }

    return params[0](window.App.user);
}
Vue.prototype.signedIn = window.App.signedIn;

authorizations.js - https://github.com/EvgeniiR/forum/blob/master/reso...

let user = window.App.user;

module.exports = {
    owns(model, prop = 'user_id') {
        return model[prop] === user.id
    },

    isAdmin() {
        return user.name === 'admin';
    }
};

app.blade.php - https://github.com/EvgeniiR/forum/blob/master/reso...

<script>
        window.App = {!! json_encode([
            'user' => Auth::user(),
            'signedIn' => Auth::check()
        ]) !!};
</script>

Usage examples:
<div v-if="signedIn">- check if the user is authorized
v-if="authorize('owns', thread)", where user_id is set in the thread object - check if he is the owner.