<template>
  <div>
    <el-input v-model="val"></el-input>
    home
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home</p>
    <p>home123123</p>
  </div>
</template>

<script lang="ts">
import { toRefs, reactive } from "vue";
export default {
  name: "home",
  setup() {
    const state = reactive({
      val: "",
    });
    return {
      ...toRefs(state),
    };
  },
};
</script>