请写出一个随时保存编辑的.vue的日记代码

以下是一个简单的.vue日记代码，它可以随时保存编辑内容：

<template>
  <div>
    <textarea v-model="content"></textarea>
    <button @click="save">保存</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: "",
    };
  },
  methods: {
    save() {
      // 将内容保存到本地存储
      localStorage.setItem("diary", this.content);
      alert("保存成功！");
    },
  },
  mounted() {
    // 加载本地存储中的内容
    this.content = localStorage.getItem("diary") || "";
  },
};
</script>

<style>
textarea {
  width: 100%;
  height: 500px;
}
button {
  margin-top: 10px;
}
</style>

该代码包含一个文本框和一个“保存”按钮，用户可以输入日记内容并保存到本地存储中。在组件的`mounted`生命周期函数中，它会加载本地存储中的内容并在文本框中显示。当用户点击“保存”按钮时，它会将当前内容保存到本地存储中，并弹出一个保存成功的提示框。