feat(settings): respect settings from server (#1013)

composables/settings/definition.ts

@@ -0,0 +1,46 @@
+import { DEFAULT_FONT_SIZE, DEFAULT_LANGUAGE } from '~/constants'
+
+export type FontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+export type ColorMode = 'light' | 'dark'
+
+export interface FeatureFlags {
+  experimentalVirtualScroller: boolean
+  experimentalGitHubCards: boolean
+  experimentalUserPicker: boolean
+}
+
+export interface WellnessSettings {
+  hideBoostCount: boolean
+  hideFavoriteCount: boolean
+  hideFollowerCount: boolean
+}
+
+export interface UserSettings {
+  featureFlags: Partial<FeatureFlags>
+  wellnessSettings: Partial<WellnessSettings>
+  colorMode?: ColorMode
+  fontSize: FontSize
+  language: string
+  zenMode?: boolean
+}
+
+export function getDefaultUserSettings(): UserSettings {
+  return {
+    language: DEFAULT_LANGUAGE,
+    fontSize: DEFAULT_FONT_SIZE,
+    featureFlags: {},
+    wellnessSettings: {},
+  }
+}
+
+export const DEFAULT_WELLNESS_SETTINGS: WellnessSettings = {
+  hideBoostCount: false,
+  hideFavoriteCount: false,
+  hideFollowerCount: false,
+}
+
+export const DEFAULT_FEATURE_FLAGS: FeatureFlags = {
+  experimentalVirtualScroller: true,
+  experimentalGitHubCards: true,
+  experimentalUserPicker: true,
+}