return { keyword: '', defaultKeyword: '', oldKeywordList: [], //历史记录数据 keywordList: [], searchTimer: null, hotWords: [], }将这个vue2写法改成vue3写法

在Vue3中，可以使用 `ref` 和 `reactive` 代替Vue2中的 `data`，同时也可以使用 `setup` 函数代替Vue2中的 `created` 和 `mounted` 钩子函数。因此，你可以将这个Vue2代码改写成如下的Vue3代码：

import { ref, reactive } from 'vue';

export default {
  setup() {
    const keyword = ref('');
    const defaultKeyword = ref('');
    const oldKeywordList = ref([]);
    const keywordList = reactive([]);
    const searchTimer = ref(null);
    const hotWords = reactive([]);

    return { keyword, defaultKeyword, oldKeywordList, keywordList, searchTimer, hotWords };
  },
};

需要注意的是，Vue3中使用的是 ES6 的模块化语法，因此需要使用 `export default` 代替Vue2中的 `module.exports`。