From 259e2186dcb6d7b8462fa988170ccf921d5d82d2 Mon Sep 17 00:00:00 2001
From: konnorrogers <konnor5456@gmail.com>
Date: Fri, 28 Jun 2024 17:02:56 -0400
Subject: [PATCH] prettier

---
 .../tutorials/integrating-with-nextjs.md      | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/docs/pages/tutorials/integrating-with-nextjs.md b/docs/pages/tutorials/integrating-with-nextjs.md
index c2262658..6316cc25 100644
--- a/docs/pages/tutorials/integrating-with-nextjs.md
+++ b/docs/pages/tutorials/integrating-with-nextjs.md
@@ -67,20 +67,17 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: { esmExternals: "loose" },
+  experimental: { esmExternals: 'loose' },
   webpack: (config, options) => {
     config.plugins.push(
-        new CopyPlugin({
-            patterns: [
-                {
-                    from: resolve(
-                        __dirname,
-                        "node_modules/@shoelace-style/shoelace/dist/assets/"
-                    ),
-                    to: resolve(__dirname, "public/shoelace-assets/assets/"),
-                },
-            ],
-        })
+      new CopyPlugin({
+        patterns: [
+          {
+            from: resolve(__dirname, 'node_modules/@shoelace-style/shoelace/dist/assets/'),
+            to: resolve(__dirname, 'public/shoelace-assets/assets/')
+          }
+        ]
+      })
     );
     return config;
   }
@@ -99,8 +96,8 @@ Once we've got our webpack config / next config setup, lets modify our `app/layo
 
 ```javascript
 // app/layout.tsx
-import "./globals.css";
-import "@shoelace-style/shoelace/dist/themes/light.css";
+import './globals.css';
+import '@shoelace-style/shoelace/dist/themes/light.css';
 // We can also import the dark theme here as well.
 // import "@shoelace-style/shoelace/dist/themes/dark.css";
 ```
@@ -300,7 +297,6 @@ function MyApp({ Component, pageProps, URL }) {
 }
 ```
 
-
 ## Additional Resources
 
 - There is a third-party [example repo](https://github.com/crutchcorn/nextjs-shoelace-example), courtesy of [crutchcorn](https://github.com/crutchcorn), available to help you get started using Pages Router.