Now supporting Nuxt v3
Are you using Laravel with vapor? want your Nuxt setup on lambda as well? TRY FUME!
Examples on using Dark Mode, authentication, and listing data
NUXT v3 front end, a progressive Vue.js framework - For Nuxt v2 visit this branch
Laravel - for our API - v11.0.0
pnpm i
and composer install
to install all of your deps.env.example
to .env
and configure it to your likingsgit clone [email protected]:fumeapp/laranuxt.git; cd laranuxt; pnpm i; composer install; cp .env.example .env;
/resources/
pnpm run dev
in one terminal for our nuxt dev setuppnpm run api
(alias for ./artisan serve
) in another terminal for our laravel APIApi
libraryconst api = useApi()
console.log(api.$user.name);
const redirect = await api.login(result)
if (redirect) await router.push({path: redirect})
api.loggedIn
and the object api.$user
<img class="w-8 h-8 rounded-full bg-blue-400" :src="api.$user.avatar" alt="User Avatar">
The API class provides helper functions to easily retrieve, update, and remove data from your Laravel endpoints. If you use and update modeltyper regularly you will always have completely typed results
api.index
const users = api.index<models.UserResults>('/user', { page: 1 })
api.get
const users = api.get<models.User>('/user/1')
api.put
const result = api.put<api.MetapiResponse>('/user/1', user)
api.store
const result = api.store<api.MetApiResponse>('/user', { name: 'Bob', email: '[email protected]' })
api.delete
const result = api.delete<api.MetApiResponse>('/user/1')