# ✨ useLocalStorage

useLocalStorage function is one of the methods of storing key and value in the browser.

# 🏪 Usage

The example usage of useLocalStorage function is shown below.

import { useLocalStorage } from 'vue-composable-utils';
const { value } = useLocalStorage('test', 1);
 
        Copied!
    

# 🚀 Features

useLocalStorage has two parameters and one property

Property

1 - value --> The data that is going to be stored in local storage

Parameters

useLocalStorage(key,value)

1- key --> Is used to switch between keys.

2- value --> Stored data.

# 💻 Example

You can see how it works reactively applying the example below.

<template>
  <div>
    <p>value is: {{ value }}</p>
    <button @click="value = '2'">Change</button>
  </div>
</template>

<script>
import { useLocalStorage } from 'vue-composable-utils';

export default {
  setup() {
    const { value } = useLocalStorage('test', 1);

    return { value };
  },
};
</script>
 
        Copied!