Remove pinia

package.json

@@ -23,7 +23,6 @@
     "overlayscrollbars": "^2.5.0",
     "overlayscrollbars-vue": "^0.5.7",
     "p-all": "^5.0.0",
-    "pinia": "^2.1.7",
     "redaxios": "^0.5.1",
     "tauri-plugin-autostart-api": "github:tauri-apps/tauri-plugin-autostart",
     "tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store",

src/composables/useRoute.ts

@@ -1,5 +1,4 @@
 import { readonly, ref, shallowRef } from 'vue'
-import { defineStore } from 'pinia'
 import type { Option } from '../types'
 import { singleton } from '../utils/common'
 

src/main.ts

@@ -4,7 +4,6 @@ import 'focus-visible'
 import 'overlayscrollbars/overlayscrollbars.css'
 
 import { createApp } from 'vue'
-import { createPinia } from 'pinia'
 import { isEnabled as isAutostartEnabled } from 'tauri-plugin-autostart-api'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
@@ -34,12 +33,9 @@ async function main() {
   window.addEventListener('contextmenu', e => e.preventDefault())
 
   const app = createApp(App)
-  const pinia = createPinia()
-
-  app.use(pinia)
 
   await cacheStorageFromDisk()
-  const store = useStore(pinia)
+  const store = useStore()
   const route = useRoute()
   const token = AppStorage.get('accessToken')
   const user = AppStorage.get('user')

src/stores/store.ts

@@ -1,7 +1,5 @@
-import { sendNotification } from '@tauri-apps/api/notification'
 import { invoke } from '@tauri-apps/api/tauri'
-import { defineStore } from 'pinia'
-import { ref, watchEffect } from 'vue'
+import { reactive, ref, watchEffect } from 'vue'
 import pAll from 'p-all'
 import { type UpdateManifest, installUpdate } from '@tauri-apps/api/updater'
 import { relaunch } from '@tauri-apps/api/process'
@@ -13,8 +11,9 @@ import type { NotificationList, Option } from '../types'
 import { isRepository, isThread, toNotificationList } from '../utils/notification'
 import { everySome } from '../utils/array'
 import { Page, useRoute } from '../composables/useRoute'
+import { singleton } from '../utils/common'
 
-export const useStore = defineStore('store', () => {
+export const useStore = singleton(() => {
   const notifications = ref<NotificationList>([])
   const loadingNotifications = ref(false)
   const failedLoadingNotifications = ref(false)
@@ -222,7 +221,7 @@ export const useStore = defineStore('store', () => {
       .filter(thread => thread.repository.id === repository.id)
   }
 
-  return {
+  return reactive({
     newRelease,
     notifications,
     loadingNotifications,
@@ -241,5 +240,5 @@ export const useStore = defineStore('store', () => {
     removeNotificationById,
     processCheckedNotifications,
     logout,
-  }
+  })
 })