update: base (#179)

* update: base

* lint

Author: sarai2525

src/assets/scss/var/index.scss

@@ -1,3 +1,3 @@
-@import './variables';
-@import './mixins';
-@import './tailwind';
+@use './variables';
+@use './mixins';
+@use './tailwind';

src/composables/useMeta.ts

@@ -1,4 +1,4 @@
-import { type MetaFlat } from 'zhead'
+import type { MetaFlat } from 'zhead'
 
 type MetaPickedRequired = Pick<
   MetaFlat,

src/pages/contact/confirm.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section :class="$style.section">
+    <section>
       <h1>お問い合わせ 入力内容確認</h1>
       <TheContactFormConfirm class="contact-form" />
     </section>
@@ -19,8 +19,4 @@
     robots: 'none',
   })
 </script>
-<style lang="scss" module>
-  .section {
-    @apply w-9/12 mx-auto;
-  }
-</style>
+<style lang="scss" module></style>

src/pages/contact/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section :class="$style.section">
+    <section>
       <h1>お問い合わせ</h1>
       <TheContactForm />
     </section>
@@ -21,9 +21,4 @@
   const { initializeForm } = useContactForm()
   initializeForm()
 </script>
-e
-<style lang="scss" module>
-  .section {
-    @apply w-9/12 mx-auto;
-  }
-</style>
+<style lang="scss" module></style>

src/pages/contact/thanks.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section :class="$style.section">
+    <section>
       <h1>お問い合わせ</h1>
       <p>お問い合わせいただきありがとうございました</p>
     </section>
@@ -21,8 +21,4 @@
   const { initializeForm } = useContactForm()
   initializeForm()
 </script>
-<style lang="scss" module>
-  .section {
-    @apply w-9/12 mx-auto;
-  }
-</style>
+<style lang="scss" module></style>

src/pages/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section :class="$style.section">
+    <section>
       <h1>Index page</h1>
     </section>
   </div>
@@ -18,8 +18,4 @@
     robots: 'all',
   })
 </script>
-<style lang="scss" module>
-  .section {
-    @apply w-9/12 mx-auto;
-  }
-</style>
+<style lang="scss" module></style>