export const createAuthProvider = () => {
/* Implementation */
return {
useAuth,
authFetch,
login,
logout
}
};
и вот Ваш Роутер
export const Router = () => {
const [logged] = useAuth();
return <BrowserRouter>
<Switch>
{!logged && <>
<Route path="/register" component={Register}/>
<Route path="/login" component={Login}/>
<Redirect to="/login"/>
</>}
{logged && <>
<Route path="/dashboard" component={Dashboard} exact/>
<Redirect to="/dashboard"/>
</>}
</Switch>
</BrowserRouter>;
};import User from '~/models/User'
import Profile from '~/models/Profile'
export default {
data () {
return {
client: 0,
loading: 0,
endPoint: у Вас свой
},
created() {
this.clientInitialize()
this.getProfiles()
},
// тут происходит магия...)
computed: {
profiles () {
return this.getProfiles()
}
},
methods: {
getProfiles () {
const ITEMS_PAGE = 2
const profiles = `
query getData {
users(limit: 10, order_by: {id: asc}) {
...userFields
}
profiles(limit: 10, order_by: {id: asc}) {
...profileFields
}
}
fragment userFields on users {
...
}
`
const query = profiles
const variables = { }
this.client.request(query, variables).then(data => {(<!-- Если убрать v-if="!$apollo.loading" проблема пропадает --> Mega LOL<TheHeader v-if="!$apollo.loading" /> // вот так сразу внаглую пусть сам его ищет в /components
Если говорить же о глюках Фрамворков, возьмите меня в штат - я на Симфонии за 5 мин. соберу Вам надёжную авторку) там точно никаких глюков