refactor: change NewsletterSection -> NewsLetter

Author: kiaking

src/.vitepress/theme/components/NewsletterSection.vue renamed to src/.vitepress/theme/components/NewsLetter.vue

@@ -3,7 +3,7 @@ import { VTLink } from '@vue/theme'
 </script>
 
 <template>
-  <section id="newsletter" class="NewsletterSection">
+  <section id="newsletter" class="NewsLetter">
     <div class="container">
       <h2 class="title">Subscribe to our weekly newsletter.</h2>
 
@@ -47,22 +47,22 @@ import { VTLink } from '@vue/theme'
 </template>
 
 <style scoped>
-.NewsletterSection {
+.NewsLetter {
   border-top: 1px solid transparent;
   border-bottom: 1px solid var(--vt-c-divider-light);
   padding: 32px 24px;
   background: var(--vt-c-bg-soft);
   transition: border-color 0.5s, background-color 0.5s;
 }
 
-.dark .NewsletterSection {
+.dark .NewsLetter {
   border-top-color: var(--vt-c-divider-light);
   border-bottom-color: transparent;
   background: var(--vt-c-bg);
 }
 
 @media (min-width: 768px) {
-  .NewsletterSection {
+  .NewsLetter {
     padding: 48px 32px;
   }
 }

src/index.md

@@ -3,7 +3,7 @@ page: true
 ---
 
 <script setup>
-  import NewsLetter from './.vitepress/theme/components/NewsletterSection.vue'
+import NewsLetter from './.vitepress/theme/components/NewsLetter.vue'
 </script>
 
 <section id="hero">
@@ -54,7 +54,7 @@ page: true
   <!-- TODO show tooling screenshots -->
 </section>
 
-<NewsLetter/>
+<NewsLetter />
 
 <style scoped>
 section {