Join our community

You can watch this lesson for FREE. Sign up with your GitHub account now to get access.

1-13 Save Course Progress with VueUse and the ClientOnly Component

In this lesson, we’ll see how we can work with third-party modules. We’ll use VueUse to help us store our state in localStorage. Then we’ll dive into understanding the ClientOnly component, why we’d want to use it, and a convenient alternative.

Using VueUse with Nuxt: https://vueuse.org/guide/#nuxt

useLocalStorage: https://vueuse.org/core/uselocalstorage/#uselocalstorage

ClientOnly: https://nuxt.com/docs/api/components/client-only

This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.

If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.