Build with Ben: Use Local Files with Nuxt 3 (Part 2)

Опубликовано: 14 Ноябрь 2024
на канале: BenCodeZen

511

In this session of Build with Ben, we continue looking into how you can use local files with Nuxt 3!

📖 Chapters

00:00:00 - Introduction
00:00:44 - What Are We Doing In This Session?
00:01:19 - Live Coding Session
00:01:46 - What did we make in the last session?
00:04:09 - Fixing Missing Vue Dev Tools
00:06:14 - Once You Have the Directory Handle, What Do You Do With It?
00:07:23 - What is Index.db?
00:07:41 - What's Unstorage?
00:12:11 - Testing out our Unstorage implentation
00:15:56 - Using useCustomStorage Instead
00:20:43 - Diving into the node modules to check
00:21:49 - Fixing an IndexedDB is not defined error
00:25:02 - Using idb-keyval
00:28:35 - Proving That It Worked
00:29:39 - Making sure you're calling your code in the right place
00:38:09 - Getting access to directory handle
00:40:53 - It Worked! Permissions are Saved!
00:43:38 - Fixing the empty homepage
00:46:21 - Fixing Cannot Find .Nuxt/dist/server
00:49:38 - What we did this episode
00:50:57 - Closing thoughts

📚 Resources

GitHub Repo: bencodezen/local-file-api-prototype
https://github.com/bencodezen/local-f...

The File System Access API - Chrome Developers
https://developer.chrome.com/articles...

🏷️ Keywords

#vue #vuejs #nuxtjs #nuxt #frontend #webdevelopment #programming #softwareengineer