chore(config): adds styleguide config

Kurocado-Studio · Oct 29, 2024 · 9237afd · 9237afd
1 parent 4802178
commit 9237afd
Show file tree

Hide file tree

Showing 18 changed files with 473 additions and 359 deletions.
diff --git a/.commitlintrc.js b/.commitlintrc.js
diff --git a/.eslintignore b/.eslintignore
@@ -1,8 +1,4 @@
-.codesanbox
-.devcontainer
-codesanbox
-devcontainer
-dist
-node_modules
-vitest.config.ts
-
+node_modules/
+public/
+vite.config.ts
+app/glodal.d.ts
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.idea/material_theme_project_new.xml b/.idea/material_theme_project_new.xml
diff --git a/.releaserc.js b/.releaserc.js
diff --git a/README.md b/README.md
@@ -30,7 +30,8 @@ Now you'll need to pick a host to deploy it to.
 
 ### DIY
 
-If you're familiar with deploying node applications, the built-in Remix app server is production-ready.
+If you're familiar with deploying node applications, the built-in Remix app server is
+production-ready.
 
 Make sure to deploy the output of `remix build`
 

diff --git a/app/entry.client.tsx b/app/entry.client.tsx
diff --git a/app/entry.server.tsx b/app/entry.server.tsx
diff --git a/app/root.tsx b/app/root.tsx
@@ -1,33 +1,63 @@
-import { cssBundleHref } from "@remix-run/css-bundle";
-import type { LinksFunction } from "@remix-run/node";
+/* eslint unicorn/filename-case: 0 */
+
+/* eslint import/no-default-export: 0 */
+import { LinksFunction } from '@remix-run/node';
 import {
   Links,
-  LiveReload,
   Meta,
   Outlet,
   Scripts,
   ScrollRestoration,
-} from "@remix-run/react";
+} from '@remix-run/react';
+import React from 'react';
+
+import stylesheet from '~/tailwind.css?url';
 
 export const links: LinksFunction = () => [
-  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
+  { rel: 'stylesheet', href: stylesheet },
+  {
+    rel: 'icon',
+    type: 'image/png',
+    sizes: '32x32',
+    href: '/favicon-32x32.png',
+  },
+  {
+    rel: 'icon',
+    type: 'image/png',
+    sizes: '16x16',
+    href: '/favicon-16x16.png',
+  },
+  {
+    rel: 'icon',
+    type: 'image/x-icon',
+    href: '/favicon.ico',
+  },
 ];
 
-export default function App() {
+export function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
+    <html lang='en'>
       <head>
-        <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta charSet='utf-8' />
+        <meta name='viewport' content='width=device-width, initial-scale=1' />
         <Meta />
+        <link
+          rel='stylesheet'
+          type='text/css'
+          href='https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css'
+        />
         <Links />
+        <title>Welcome to Remix</title>
       </head>
-      <body>
-        <Outlet />
+      <body className='selection:bg-lime-200 selection:text-[#f52891cc]'>
+        {children}
         <ScrollRestoration />
         <Scripts />
-        <LiveReload />
       </body>
     </html>
   );
 }
+
+export default function App() {
+  return <Outlet />;
+}