<template>
  <view class="more-tips">
    <view class="more-tips-scroll">
      <view
        class="more-tips-item"
        v-for="(item, index) in itemList"
        :key="index"
      >
        <view class="more-tips-item-title" @click="sendReply(item)">
          <Interceptor />

          {{ item }}
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { defineProps } from "vue";
import { checkToken } from "@/hooks/useGoLogin";
import Interceptor from "@/components/Interceptor/index.vue";

const emits = defineEmits(["replySent"]);

defineProps({
  itemList: {
    type: Array,
    default: [
      "定温泉票",
      "定酒店",
      "优惠套餐",
      "亲子玩法",
      "了解交通",
      "看看酒店",
      "看看美食",
    ],
  },
});

const sendReply = (text) => {
  // 向父组件传递数据
  checkToken().then(() => emits("replySent", text));
};
</script>

<style lang="scss" scoped>
@import "./styles/ChatMoreTips.scss";
</style>
