feat: add dashboard state to ecosystem apps

.eslintrc-auto-import.json

@@ -6,6 +6,7 @@
     "ComponentPublicInstance": true,
     "ComputedRef": true,
     "DEFAULT_USER": true,
+    "DashboardState": true,
     "DirectiveBinding": true,
     "DownloadsState": true,
     "EffectScope": true,

src/stores/migrations.ts

@@ -1,4 +1,5 @@
 import type { VOneSuit } from './settings'
+import type { DataTableSortItem } from 'vuetify'
 
 export type OldRootState = {
   v: 2 | 3 | 4 | 5
@@ -100,10 +101,18 @@ export interface RootState {
   ecosystem: {
     bin: {
       wordWrap: boolean
+      dashboard?: DashboardState
     }
     play: {
       showErrors: boolean
       wordWrap: boolean
+      dashboard?: DashboardState
+    }
+    studio?: {
+      dashboard?: DashboardState
+    }
+    link?: {
+      dashboard?: DashboardState
     }
     docs: {
       api: 'link-only' | 'inline'
@@ -153,6 +162,12 @@ export interface RootState {
   }
 }
 
+export interface DashboardState {
+  [key: string]: any
+  sortBy: DataTableSortItem[]
+  itemsPerPage: number
+}
+
 const migrations = [
   (d: any) => {
     if (!d.v) {
@@ -231,6 +246,8 @@ function migrateV5ToV6 (v5Data: any): RootState {
         showErrors: true,
         wordWrap: false,
       },
+      studio: {},
+      link: {},
       docs: {
         api: v5Data.api || 'link-only',
         composition: v5Data.composition || 'composition',

src/stores/one.ts

@@ -32,7 +32,7 @@ interface Invoice {
 }
 
 interface OneState {
-  info: Ref<Info | undefined>
+  info: Ref<Info | null>
   interval: ComputedRef<SubscriptionItemPlan['interval'] | undefined>
   subscriptionType: ComputedRef<SubscriptionItemPlan['type'] | undefined>
   access: Ref<string[]>
@@ -73,8 +73,8 @@ export const useOneStore = defineStore('one', (): OneState => {
 
   const isLoading = shallowRef(false)
   const isOpen = shallowRef(false)
-  const info = ref<Info | null>()
-  const invoices = ref<Invoice[]| null>([])
+  const info = ref<Info | null>(null)
+  const invoices = ref<Invoice[]>([])
   const sessionId = computed(() => query.value.session_id)
   const interval = computed(() => info.value?.items[0].plan.interval)
   const subscriptionType = computed(() => info.value?.items[0].plan.type)

src/stores/user.ts

@@ -15,6 +15,8 @@ export const DEFAULT_USER: RootState = {
       showErrors: true,
       wordWrap: false,
     },
+    studio: {},
+    link: {},
     docs: {
       api: 'link-only',
       composition: 'composition',