Merge pull request #276 from k35o/aaaa

ちょっとした修正

package.json

@@ -25,7 +25,7 @@
     "format": "prettier --write src/",
     "format:check": "prettier --check src/",
     "type-check": "tsc --noEmit",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006 --no-open",
     "build-storybook": "storybook build",
     "test": "TZ=UTC vitest",
     "test:ui": "TZ=UTC vitest --ui",

src/app/blog/_components/blog-layout/blog-layout.tsx

@@ -1,7 +1,7 @@
 import { formatDate } from '@/utils/date/format';
 import { Calendar, Eye } from 'lucide-react';
 import { FC, ReactNode, Suspense } from 'react';
-import { ViewCoounter } from '../view-counter';
+import { ViewCounter } from '../view-counter';
 import { Slug } from '../../_types';
 import { ErrorBoundary } from 'react-error-boundary';
 
@@ -18,7 +18,7 @@ export const BlogLayout: FC<{
             <Suspense fallback={<></>}>
               <div className="flex items-center gap-1">
                 <Eye className="size-4" />
-                <ViewCoounter slug={slug} />
+                <ViewCounter slug={slug} />
               </div>
             </Suspense>
           </ErrorBoundary>

src/app/blog/_components/view-counter/view-counter.stories.tsx

@@ -1,17 +1,17 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ViewCoounter } from './view-counter';
+import { ViewCounter } from './view-counter';
 import { kv } from '#src/mocks/vercel-kv.mock';
 
-const meta: Meta<typeof ViewCoounter> = {
+const meta: Meta<typeof ViewCounter> = {
   title: 'app/blog/view-counter',
-  component: ViewCoounter,
+  component: ViewCounter,
   beforeEach: () => {
     kv.incr.mockResolvedValue(74931);
   },
 };
 
 export default meta;
-type Story = StoryObj<typeof ViewCoounter>;
+type Story = StoryObj<typeof ViewCounter>;
 
 export const Primary: Story = {
   args: {

src/app/blog/_components/view-counter/view-counter.tsx

@@ -3,7 +3,7 @@ import { kv } from '#vercel/kv';
 import { commalize } from '@/utils/number/commalize';
 import { Slug } from '../../_types';
 
-export const ViewCoounter: FC<{ slug: Slug }> = async ({ slug }) => {
+export const ViewCounter: FC<{ slug: Slug }> = async ({ slug }) => {
   const views = await kv.incr(`views-${slug}`);
   return <span>{commalize(views)}</span>;
 };