rename Sections -> Slides

packages/presentation/src/components/Presentation.tsx

@@ -4,7 +4,7 @@ import Reveal from 'reveal.js';
 
 import type { PresentationOptions } from '../consts';
 
-import { MARP_CONTAINER_CLASS_NAME, Sections } from './Sections';
+import { MARP_CONTAINER_CLASS_NAME, Slides } from './Slides';
 
 import 'reveal.js/dist/reveal.css';
 import './Presentation.global.scss';
@@ -59,7 +59,7 @@ export const Presentation = (props: PresentationProps): JSX.Element => {
   return (
     <div className={`grw-presentation ${styles['grw-presentation']} reveal ${MARP_CONTAINER_CLASS_NAME}`}>
       <div className="slides">
-        <Sections options={options}>{children}</Sections>
+        <Slides options={options}>{children}</Slides>
       </div>
     </div>
   );

packages/presentation/src/components/Sections.tsx → packages/presentation/src/components/Slides.tsx

@@ -8,7 +8,7 @@ import { ReactMarkdown } from 'react-markdown/lib/react-markdown';
 import type { PresentationOptions } from '../consts';
 import * as extractSections from '../services/renderer/extract-sections';
 
-import './Sections.global.scss';
+import './Slides.global.scss';
 
 export const MARP_CONTAINER_CLASS_NAME = 'marpit';
 
@@ -25,12 +25,12 @@ const marp = new Marp({
 });
 
 
-type SectionsProps = {
+type Props = {
   options: PresentationOptions,
   children?: string,
 }
 
-export const Sections = (props: SectionsProps): JSX.Element => {
+export const Slides = (props: Props): JSX.Element => {
   const { options, children } = props;
   const { rendererOptions, isDarkMode } = options;
 

packages/presentation/src/index.ts

@@ -1,3 +1,3 @@
 export * from './components/Presentation';
-export * from './components/Sections';
+export * from './components/Slides';
 export * from './services/renderer/extract-sections';