mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
import { useEffect } from "react";
|
|
import Script from "next/script";
|
|
import { useRouter } from "next/router";
|
|
import * as fbq from "../lib/fpixel";
|
|
|
|
function MyApp({ Component, pageProps }) {
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
// This pageview only triggers the first time (it's important for Pixel to have real information)
|
|
fbq.pageview();
|
|
|
|
const handleRouteChange = () => {
|
|
fbq.pageview();
|
|
};
|
|
|
|
router.events.on("routeChangeComplete", handleRouteChange);
|
|
return () => {
|
|
router.events.off("routeChangeComplete", handleRouteChange);
|
|
};
|
|
}, [router.events]);
|
|
|
|
return (
|
|
<>
|
|
{/* Global Site Code Pixel - Facebook Pixel */}
|
|
<Script
|
|
id="fb-pixel"
|
|
strategy="afterInteractive"
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
!function(f,b,e,v,n,t,s)
|
|
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
|
|
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
|
|
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
|
|
n.queue=[];t=b.createElement(e);t.async=!0;
|
|
t.src=v;s=b.getElementsByTagName(e)[0];
|
|
s.parentNode.insertBefore(t,s)}(window, document,'script',
|
|
'https://connect.facebook.net/en_US/fbevents.js');
|
|
fbq('init', ${fbq.FB_PIXEL_ID});
|
|
`,
|
|
}}
|
|
/>
|
|
<Component {...pageProps} />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default MyApp;
|