From d92f98d2dfe40f87d7ba3182c5d0f83384008212 Mon Sep 17 00:00:00 2001
From: Mark Knichel <7355009+mknichel@users.noreply.github.com>
Date: Tue, 22 Oct 2024 17:41:59 -0700
Subject: [PATCH] [Microfrontends] Remove the hyphen from Micro-Frontends
 (#964)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Description

<!--
✍️ Write a short summary of your work. Screenshots and videos are
welcome!
-->

### Demo URL

<!--
Provide a URL to a live deployment where we can test your PR. If a demo
isn't possible feel free to omit this section.
-->

### Type of Change

- [ ] New Example
- [ ] Example updates (Bug fixes, new features, etc.)
- [ ] Other (changes to the codebase, but not to examples)

### New Example Checklist

- [ ] 🛫 `npm run new-example` was used to create the example
- [ ] 📚 The template wasn't used but I carefuly read the [Adding a new
example](https://github.com/vercel/examples#adding-a-new-example) steps
and implemented them in the example
- [ ] 📱 Is it responsive? Are mobile and tablets considered?
---
 solutions/microfrontends/apps/docs/app/layout.tsx | 6 ++++++
 solutions/microfrontends/apps/main/app/layout.tsx | 6 ++++++
 solutions/microfrontends/apps/main/app/page.tsx   | 6 +++---
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/solutions/microfrontends/apps/docs/app/layout.tsx b/solutions/microfrontends/apps/docs/app/layout.tsx
index 3f213f4c0..679010ab7 100644
--- a/solutions/microfrontends/apps/docs/app/layout.tsx
+++ b/solutions/microfrontends/apps/docs/app/layout.tsx
@@ -1,7 +1,13 @@
+import type { Metadata } from 'next'
 import { PrefetchCrossZoneLinks } from '@acme/components/prefetch'
 import { Layout } from '@vercel/examples-ui'
 import '@vercel/examples-ui/globals.css'
 
+export const metadata: Metadata = {
+  title: 'Microfrontends - Docs',
+  description: 'Example demonstrating vertical microfrontends on Vercel',
+}
+
 export default function RootLayout({
   children,
 }: Readonly<{
diff --git a/solutions/microfrontends/apps/main/app/layout.tsx b/solutions/microfrontends/apps/main/app/layout.tsx
index f48498a12..4c25da807 100644
--- a/solutions/microfrontends/apps/main/app/layout.tsx
+++ b/solutions/microfrontends/apps/main/app/layout.tsx
@@ -1,7 +1,13 @@
+import type { Metadata } from 'next'
 import { PrefetchCrossZoneLinks } from '@acme/components/prefetch'
 import { Layout } from '@vercel/examples-ui'
 import '@vercel/examples-ui/globals.css'
 
+export const metadata: Metadata = {
+  title: 'Microfrontends - Main',
+  description: 'Example demonstrating vertical microfrontends on Vercel',
+}
+
 export default function RootLayout({
   children,
 }: Readonly<{
diff --git a/solutions/microfrontends/apps/main/app/page.tsx b/solutions/microfrontends/apps/main/app/page.tsx
index 7002d6ec4..f78a2e1dd 100644
--- a/solutions/microfrontends/apps/main/app/page.tsx
+++ b/solutions/microfrontends/apps/main/app/page.tsx
@@ -8,10 +8,10 @@ export default function Home(): React.ReactNode {
     <Page>
       <Navbar />
       <Text variant="h1" className="mb-6">
-        Micro-Frontends
+        Microfrontends
       </Text>
       <Text className="mb-4">
-        In this Micro-Frontends app we have a monorepo using{' '}
+        In this microfrontends app we have a monorepo using{' '}
         <a
           className="text-link hover:text-link-light transition-colors"
           href="https://turbo.build/repo/docs"
@@ -19,7 +19,7 @@ export default function Home(): React.ReactNode {
           Turborepo
         </a>{' '}
         with multiple packages, each using TypeScript and going through a
-        different Micro-Frontend technique:
+        different microfrontend technique:
       </Text>
       <Text variant="h2" className="mt-10 mb-6">
         apps/main