vue3-storage和vue3-cookies怎么一起用，给出示例代码

Vue3-storage和Vue3-cookies都是Vue3中常用的本地存储插件，可以方便地在Vue3项目中使用localStorage、sessionStorage和cookie。

下面是一个简单的示例代码，演示了如何在Vue3项目中同时使用Vue3-storage和Vue3-cookies：

<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="saveData">保存数据</button>
    <button @click="loadData">加载数据</button>
    <button @click="saveCookie">保存Cookie</button>
    <button @click="loadCookie">加载Cookie</button>
  </div>
</template>

<script>
import { ref } from 'vue'
import { useStorage } from '@vueuse/core'
import { useCookies } from 'vue3-cookies'

export default {
  setup() {
    const message = ref('')
    const storage = useStorage('mykey')
    const { setCookie, getCookie } = useCookies()

    const saveData = () => {
      storage.value = 'Hello, Vue3-storage!'
      message.value = '数据已保存到localStorage'
    }
    const loadData = () => {
      message.value = storage.value || 'localStorage中没有数据'
    }
    const saveCookie = () => {
      setCookie('mycookie', 'Hello, Vue3-cookies!', 1)
      message.value = '数据已保存到cookie'
    }
    const loadCookie = () => {
      message.value = getCookie('mycookie') || 'cookie中没有数据'
    }

    return { message, saveData, loadData, saveCookie, loadCookie }
  }
}
</script>

在这个示例代码中，我们首先使用`useStorage`和`useCookies`分别创建了两个本地存储对象`storage`和`{ setCookie, getCookie }`。在`saveData`和`loadData`函数中，我们使用`storage.value`来保存和加载数据。在`saveCookie`和`loadCookie`函数中，我们使用`setCookie`和`getCookie`函数来保存和加载cookie数据。最后，在模板中，我们使用`message`变量来显示当前状态。

需要注意的是，Vue3-cookies的安装和使用需要额外的配置，具体可以参考它的官方文档。