skl/resources/js/app.tsx

36 lines
971 B
TypeScript

import "./bootstrap";
import "../css/app.css";
import { createRoot } from "react-dom/client";
import { createInertiaApp } from "@inertiajs/react";
import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
import { ThemeProvider } from "@/components/theme-provider";
const appName = import.meta.env.VITE_APP_NAME || "Laravel";
createInertiaApp({
title: (title) => `${title} - ${appName}`,
resolve: (name) =>
resolvePageComponent(
`./pages/${name}.tsx`,
import.meta.glob("./pages/**/*.tsx")
),
setup({ el, App, props }) {
const root = createRoot(el);
root.render(
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<App {...props} />
</ThemeProvider>
);
},
progress: {
color: "#4B5563",
},
});