How can I model data in IndexedDB using Vue 3?

How can I model data in IndexedDB using Vue 3?

You can use libraries like idb or Dexie.js to simplify IndexedDB interactions in Vue 3. Would you like a code example?

Yes, please provide a code example using Dexie.js.

Sure! First, install Dexie.js with npm install dexie. Then, you can create a database like this:

import Dexie from 'dexie';

const db = new Dexie('MyDatabase');
db.version(1).stores({
  friends: '++id,name,age'
});

// Example of adding data
await db.friends.add({ name: 'John', age: 25 });

How do I retrieve data from the database?

You can retrieve data using the toArray() method. For example:

const allFriends = await db.friends.toArray();
console.log(allFriends);