import { deepMap } from '@nanostores/deepmap'
type StoreProps = {
  user?: {
    name: string
    age: number
  }
  count?: number
}
const $store = deepMap<StoreProps>({
  user: {
    name: 'Luke',
    age: 19,
  }
  count: 0,
})
// Replaces the value at 'count'
$store.setKey('count', 1) // -> { ...restValues, count: 1 }

// 'updateKey' merges, keeping 'name' and only changing 'age'
$store.updateKey('user', { age: 42 })
// -> { user: { name: 'Luke', age: 42 }, ... }

// Deletes 'count' from the store
$store.setKey('count', undefined)
// -> { user: { name: 'Luke', age: 42 } }

//Before
const $store = deepMap<StoreProps[]>([{}]) // Type Error
//After
const $store = deepMap<StoreProps[]>([{}]) // OK

// Define your type with 'type' keyword instead of 'interface'
// for better autocomplete
type UserType = {
  id?: string
}
const $userT = deepMap<UserType>({})
$userT.setKey('id', 'uuidString') // Suggestion autocomplete

type StoreProps = {
  count?: number
}
const $store = deepMap<StoreProps>({})
$store.setKey('count', 'randomString')
// Type Error -> 'string' is not assignable to 'number'
// IMPORTANT: an empty path ('') is treated as the root object
$someStore.setKey('', 'randomString') // Replaces the entire store