请用uni-app写一个随机生成今天吃什么的程序

以下是一个简单的uni-app程序，可以随机生成今天的餐点。

<template>
  <view class="container">
    <view class="title">今天吃什么？</view>
    <view class="result">{{result}}</view>
    <button class="button" @tap="generate">生成</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      options: ["炸鸡", "火锅", "披萨", "寿司", "烤肉", "炒饭", "牛排", "麻辣烫", "麻辣香锅", "肯德基"],
      result: ""
    };
  },
  methods: {
    generate() {
      const index = Math.floor(Math.random() * this.options.length);
      this.result = this.options[index];
    }
  }
};
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

.result {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}

.button {
  background-color: #409eff;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
}
</style>

这个程序中，我们定义了一个 `options` 数组，其中包含了各种各样的餐点。然后，我们在 `generate` 方法中使用 `Math.random()` 函数来生成一个随机的索引，然后将结果显示出来。最后，我们在页面中添加了一个按钮，当用户点击时，可以调用 `generate` 方法来生成新的餐点。