app router structure support

2024-02-26 00:49:35 -08:00
parent 39fac554ee
commit fb6f86c563
5 changed files with 37 additions and 25 deletions
@@ -0,0 +1,52 @@
+import type { Metadata, Viewport } from "next";
+import Script from 'next/script';
+
+import 'tailwindcss/tailwind.css';
+/* Core CSS required for Ionic components to work properly */
+import '@ionic/react/css/core.css';
+
+/* Basic CSS for apps built with Ionic */
+import '@ionic/react/css/normalize.css';
+import '@ionic/react/css/structure.css';
+import '@ionic/react/css/typography.css';
+
+/* Optional CSS utils that can be commented out */
+import '@ionic/react/css/padding.css';
+import '@ionic/react/css/float-elements.css';
+import '@ionic/react/css/text-alignment.css';
+import '@ionic/react/css/text-transformation.css';
+import '@ionic/react/css/flex-utils.css';
+import '@ionic/react/css/display.css';
+
+import '../styles/global.css';
+import '../styles/variables.css';
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export const viewport: Viewport = {
+  initialScale: 1,
+  width: 'device-width',
+  viewportFit: 'cover'
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <Script
+        type="module"
+        src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js"
+      ></Script>
+      <Script noModule src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js"></Script>
+      <body>{children}</body>
+    </html>
+  );
+}
+
+