fix(remix): ensure default meta tags are always present for generated…

… applications #23037
nrwl · May 3, 2024 · 03e0071 · 03e0071
1 parent e06b787
commit 03e0071
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 26 deletions.
diff --git a/packages/remix/src/generators/application/__snapshots__/application.impl.spec.ts.snap b/packages/remix/src/generators/application/__snapshots__/application.impl.spec.ts.snap
@@ -34,16 +34,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -106,16 +106,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -266,15 +266,15 @@ exports[`Remix Application Integrated Repo --projectNameAndRootFormat=as-provide
 } from '@remix-run/react';
 export const meta = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -475,16 +475,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -547,16 +547,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -619,16 +619,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -779,15 +779,15 @@ exports[`Remix Application Integrated Repo --projectNameAndRootFormat=derived --
 } from '@remix-run/react';
 export const meta = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -988,16 +988,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -1075,15 +1075,15 @@ exports[`Remix Application Standalone Project Repo --js should create the applic
 } from '@remix-run/react';
 export const meta = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -1328,16 +1328,16 @@ import {
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>

diff --git a/packages/remix/src/generators/application/files/common/app/root.tsx__tmpl__ b/packages/remix/src/generators/application/files/common/app/root.tsx__tmpl__
@@ -9,15 +9,15 @@ import {
 } from "@remix-run/react";
 
 export const meta: MetaFunction = () => ([{
-  charset: "utf-8",
   title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
 }]);
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>

diff --git a/packages/remix/src/generators/setup-tailwind/__snapshots__/setup-tailwind.impl.spec.ts.snap b/packages/remix/src/generators/setup-tailwind/__snapshots__/setup-tailwind.impl.spec.ts.snap
@@ -35,15 +35,15 @@ import twStyles from './tailwind.css';
 export const links = () => [{ rel: 'stylesheet', href: twStyles }];
 export const meta = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
@@ -122,16 +122,16 @@ export const links: LinksFunction = () => [
 
 export const meta: MetaFunction = () => [
   {
-    charset: 'utf-8',
     title: 'New Remix App',
-    viewport: 'width=device-width,initial-scale=1',
   },
 ];
 
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>