vue中如何配置App.vue实现子组件占满整个屏幕

<template>
  <div style="height: 100%;width: 100%;">
  <router-view></router-view>
  </div>
</template>

<script setup lang="ts">

</script>
 
<style :scoped>
html, body, #app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
</style>