Merge pull request #410 from emrysal/bugfix/no-document-viewport-meta

Fixes no-document-viewport-meta + adds lang='en' to <html> tag

next.config.js

@@ -32,6 +32,10 @@ module.exports = withTM({
   future: {
     webpack5: true,
   },
+  i18n: {
+    locales: ["en"],
+    defaultLocale: "en",
+  },
   typescript: {
     ignoreBuildErrors: true,
   },

pages/_app.tsx

@@ -1,12 +1,19 @@
 import "../styles/globals.css";
-import { createTelemetryClient, TelemetryProvider } from "../lib/telemetry";
+import { createTelemetryClient, TelemetryProvider } from "@lib/telemetry";
 import { Provider } from "next-auth/client";
 import type { AppProps } from "next/app";
+import Head from "next/head";
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <TelemetryProvider value={createTelemetryClient()}>
       <Provider session={pageProps.session}>
+        <Head>
+          <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1.0"
+          />
+        </Head>
         <Component {...pageProps} />
       </Provider>
     </TelemetryProvider>

pages/_document.tsx

@@ -10,10 +10,6 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
-          <meta
-            name="viewport"
-            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-          />
           <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
           <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
           <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />