Как изменять размер дочернего компонента vue 2 cli?

Question

[samrampling]

Здраствуйте, у меня есть компонент

<template>
  <div class="frame">
  </div>
</template>
<style lang="scss" scoped>
.frame {
height:100%;
width:100%;
}
</style>
<script>
export default {
  name: "Auth",
};
</script>

и есть естраница

<template>
  <div><Auth></Auth></div>
</template>

<style lang="scss" scoped>

Auth {
  width: 50vmin; //не работает
}
</style>

<script>
import Auth from "@/components/Auth.vue";

export default {
  name: "Authorization",
  components: {
    Auth,
  },
};
</script>

но как я могу изменять размер блока Auth? Чтоб он был не на всю страницу?