diff --git a/livestore/livestore/examples/linearlite/src/pages/Board/IssueItem.tsx b/vulcan/linearite/src/pages/Board/IssueItem.tsx
index 38cb424..344c724 100644
--- a/livestore/livestore/examples/linearlite/src/pages/Board/IssueItem.tsx
+++ b/vulcan/linearite/src/pages/Board/IssueItem.tsx
@@ -5,9 +5,11 @@ import { DraggableProvided } from 'react-beautiful-dnd'
 import Avatar from '../../components/Avatar'
 import PriorityMenu from '../../components/contextmenu/PriorityMenu'
 import PriorityIcon from '../../components/PriorityIcon'
-import { Issue } from '../../types'
 import { PriorityType } from '../../types/issue'
-import { useStore } from '@livestore/livestore/react'
+import { Issue } from '../../domain/SchemaType'
+import { DBName } from '../../domain/Schema'
+import { useDB } from '@vlcn.io/react'
+import { mutations } from '../../domain/mutations'

 interface IssueProps {
   issue: Issue
@@ -29,7 +31,7 @@ function getStyle(provided: DraggableProvided, style?: CSSProperties): CSSProper

 // eslint-disable-next-line react-refresh/only-export-components
 const IssueItem = ({ issue, style, isDragging, provided }: IssueProps) => {
-  const { store } = useStore()
+  const ctx = useDB(DBName)
   const navigate = useNavigate()
   const priorityIcon = (
     <span className="inline-block m-0.5 rounded-sm border border-gray-100 hover:border-gray-200 p-0.5">
@@ -37,12 +39,11 @@ const IssueItem = ({ issue, style, isDragging, provided }: IssueProps) => {
     </span>
   )

-  const updatePriority = (priority: PriorityType) => {
-    store.applyEvent('updateIssuePriority', {
+  const updatePriority = (priority: PriorityType) =>
+    mutations.updateIssue(ctx.db, {
       id: issue.id,
       priority,
     })
-  }

   return (
     <div