@data-fair/lib-vue 1.2.1 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vue",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Composables and other utilities for Vue applications in the data-fair stack.",
   "main": "index.js",
   "files": [

package/reactive-search-params.js

@@ -105,7 +105,7 @@ export const useBooleanSearchParam = (key, options = {}) => {
   const defaultValue = typeof options === 'boolean' ? options : (options.default ?? false)
   const strings = (typeof options !== 'boolean' && options.strings) || ['1', '0']
   return computed({
-    get: () => key in reactiveSearchParams ? reactiveSearchParams[key] === strings[0] : defaultValue,
+    get: () => key in reactiveSearchParams ? (reactiveSearchParams[key] === strings[0] || reactiveSearchParams[key] === 'true') : defaultValue,
     set: (value) => {
       if (value === defaultValue) { delete reactiveSearchParams[key] } else { reactiveSearchParams[key] = value ? strings[0] : strings[1] }
     }

package/session.d.ts

@@ -1,5 +1,5 @@
 import { type IncomingMessage } from 'node:http';
-import { type Ref, App } from 'vue';
+import { type Ref, type ComputedRef, type App } from 'vue';
 import { type RouteLocation } from 'vue-router';
 import { type fetch } from 'ofetch';
 import { type SessionState, type SessionStateAuthenticated } from '@data-fair/lib-common-types/session/index.js';
@@ -20,6 +20,12 @@ export interface SessionOptions {
 }
 export interface Session {
     state: SessionState;
+    user: ComputedRef<SessionState['user']>;
+    organization: ComputedRef<SessionState['organization']>;
+    account: ComputedRef<SessionState['account']>;
+    accountRole: ComputedRef<SessionState['accountRole']>;
+    lang: ComputedRef<SessionState['lang']>;
+    dark: ComputedRef<SessionState['dark']>;
     loginUrl: (redirect?: string, extraParams?: Record<string, string>, immediateRedirect?: true) => string;
     login: (redirect?: string, extraParams?: Record<string, string>, immediateRedirect?: true) => void;
     logout: (redirect?: string) => Promise<void>;
@@ -41,6 +47,12 @@ export declare const sessionKey: unique symbol;
 export declare function createSession(initOptions: Partial<SessionOptions>): Promise<{
     install(app: App): void;
     state: SessionState;
+    user: ComputedRef<SessionState["user"]>;
+    organization: ComputedRef<SessionState["organization"]>;
+    account: ComputedRef<SessionState["account"]>;
+    accountRole: ComputedRef<SessionState["accountRole"]>;
+    lang: ComputedRef<SessionState["lang"]>;
+    dark: ComputedRef<SessionState["dark"]>;
     loginUrl: (redirect?: string, extraParams?: Record<string, string>, immediateRedirect?: true) => string;
     login: (redirect?: string, extraParams?: Record<string, string>, immediateRedirect?: true) => void;
     logout: (redirect?: string) => Promise<void>;

package/session.js

@@ -218,6 +218,12 @@ export async function getSession (initOptions) {
   }
   const session = {
     state,
+    organization: computed(() => state.organization),
+    user: computed(() => state.user),
+    account: computed(() => state.account),
+    accountRole: computed(() => state.accountRole),
+    dark: computed(() => state.dark),
+    lang: computed(() => state.lang),
     loginUrl,
     login,
     logout,