app.vue

<template>
  <div>
    <NuxtPage />
  </div>
</template>

<script setup lang="ts">
  useSeoMeta({
    title: "국민의힘 단체문자 매크로",
    ogTitle: "국민의힘 단체문자 매크로",
    description: "국민의힘 의원들에게 우리 같이 윤석열을 탄핵시킬 용기를 불어넣어줘요.",
    ogDescription: "국민의힘 의원들에게 우리 같이 윤석열을 탄핵시킬 용기를 불어넣어줘요."
  })
</script>

<style lang="scss">
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

* {
  font-family: 'Pretendard';
  box-sizing: border-box;

  color: inherit;
  word-break: keep-all;
  line-height: 1.5;
}

      a {
        text-decoration: underline;
      }

html {
  background: #222222;
  color: white;
  display: flex;
  height: 100%;

  justify-content: center;
  align-items: center;

  body {
    display: flex;
    width: 100%;
    max-width: 500px;
    min-height: 100%;
    margin: 0;
    padding: 2em;
    align-items: center;
    /* max-height: 1000px; */

    >div#__nuxt {
      display: flex;
      width: 100%;
      height: 100%;

      >div {
        display: flex;
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>