fix(storybook): move intro pages back to MDX

.prettierrc.js

@@ -5,10 +5,4 @@ module.exports = {
   singleQuote: true,
   arrowParens: 'always',
   bracketSpacing: true,
-  overrides: [
-    {
-      files: '*.mdx',
-      options: { parser: 'mdx' },
-    },
-  ],
 };

.storybook/main/main.ts

@@ -7,7 +7,7 @@ const fullConfig: StorybookConfig = {
     name: '@storybook/web-components-vite',
     options: {},
   },
-  stories: [...config.stories, '../../packages/pharos/**/*.docs.tsx'],
+  stories: [...config.stories, '../../packages/pharos/docs/**/*.docs.mdx'],
   refs: (config, { configType }) => {
     const isDevelopment = configType === 'DEVELOPMENT';
     return {

.storybook/react/main.ts

@@ -10,12 +10,12 @@ const fullConfig: StorybookConfig = {
   stories: [
     ...config.stories,
     {
-      directory: '../../packages/pharos',
-      files: '**/*.@(react|pages).stories.@(js|jsx|tsx)',
+      directory: '../../packages/pharos/docs',
+      files: '**/*.docs.mdx',
     },
     {
       directory: '../../packages/pharos',
-      files: '**/*.docs.tsx',
+      files: '**/*.@(react|pages).stories.@(js|jsx|tsx)',
     },
   ],
 };

.storybook/wc/main.ts

@@ -10,12 +10,12 @@ const fullConfig: StorybookConfig = {
   stories: [
     ...config.stories,
     {
-      directory: '../../packages/pharos',
-      files: '**/*.@(wc|pages).stories.@(js|jsx|ts)',
+      directory: '../../packages/pharos/docs',
+      files: '**/*.docs.mdx',
     },
     {
       directory: '../../packages/pharos',
-      files: '**/*.docs.tsx',
+      files: '**/*.@(wc|pages).stories.@(js|jsx|ts)',
     },
   ],
 };

packages/pharos/docs/1.intro.docs.mdx

@@ -0,0 +1,19 @@
+import { Markdown, Meta } from '@storybook/blocks';
+
+import Intro from '../README.md?raw';
+import PHAROS_TITLE from '@config/pharosTitle';
+
+<Meta title="Intro" />
+
+export const Title = () => PHAROS_TITLE;
+
+# <Title /> Web Components
+
+<Markdown>{Intro}</Markdown>
+
+## Work with us at ITHAKA
+
+JSTOR is part of ITHAKA, a not-for-profit dedicated to expanding access to knowledge and education worldwide. Our staff makes us who we are. We’re hiring — join us!
+
+- [See career opportunities](https://www.ithaka.org/careers/)
+- [Learn more about ITHAKA](https://www.ithaka.org/)

packages/pharos/docs/2.changelog.docs.mdx

@@ -0,0 +1,7 @@
+import { Markdown, Meta } from '@storybook/blocks';
+
+import Changelog from '../CHANGELOG.md?raw';
+
+<Meta title="Changelog" />
+
+<Markdown>{Changelog}</Markdown>