km-fresh

km-fresh is a Typescript library for use Fresh data.

Installation

Use the package manager npm to install km-fresh.

npm install km-fresh

Usage

import { ref, computed } from 'km-fresh';

// fresh example
// ----------------------------
let freshTheme = ref<'dark' | 'light'>('light');
freshTheme.subscribe(() => {
  localStorage.setItem('freshTheme', freshTheme.value);
});
const reversedFreshTheme = computed({ freshTheme }, () => {
  if (freshTheme.value == 'dark') {
    return 'light';
  } else {
    return 'dark';
  }
});
freshTheme.value = 'dark';
let freshThemeInStorage = localStorage.getItem('freshTheme');
console.log('freshThemeInStorage', freshThemeInStorage); // 'dark'
console.log('reversedFreshTheme', reversedFreshTheme.value); // 'light'
// ----------------------------
// tired example
// ----------------------------
let tiredTheme: 'dark' | 'light' = 'light';
localStorage.setItem('tiredTheme', tiredTheme);
tiredTheme = 'dark';
let tiredThemeInStorage = localStorage.getItem('tiredTheme');
console.log('tiredThemeInStorage', tiredThemeInStorage); // 'light'
// ----------------------------
// different between examples just one hook on changing data for hold fresh data

License

MIT