title: Reactive Dexie-Query in Vue
body: <p>I am using Dexie and would like to implement this in my Vue 3 frontend.</p>
  <p>In the mount() method, I query the database using the following example and assign this to a local variable in the Vue template which is then rendered.</p>
  <pre><code>const oldFriends = await db.friends
          .where('age').above(75)
          .toArray(); 
  
  this.friends = oldFriends;
  </code></pre>
  <p>Now I have a situation where a web worker changes the IndexedDB, and writes new values in there via Dexie (so in this example, adds another friend).</p>
  <p>Now how do I make my Vue component notice this update and render the &quot;new&quot; friend - so the Dexie query becomes reactive?</p>