Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: add common tailwind functions for prettier #492

Merged
merged 2 commits into from
Dec 5, 2024
Merged

chore: add common tailwind functions for prettier #492

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
32c9dd3
chore: add common tailwind functions for prettier
steveoh Dec 4, 2024
41a9f23
chore: run format
steveoh Dec 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .prettierrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
{
"plugins": ["prettier-plugin-organize-imports", "prettier-plugin-packagejson", "prettier-plugin-tailwindcss"],
"printWidth": 120,
"singleQuote": true
"singleQuote": true,
"tailwindFunctions": ["clsx", "tv", "twMerge", "twJoin"]
}
80 changes: 42 additions & 38 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,42 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Atlas Utah : Provided by the UGRC</title>
<meta name="title" content="Atlas Utah : Provided by the UGRC" />
<meta
name="description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with a dark mode."
/>
<link rel="canonical" href="https://atlas.utah.gov/" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://atlas.utah.gov/" />
<meta property="og:title" content="Atlas Utah : Provided by the UGRC" />
<meta
property="og:description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode."
/>
<meta property="og:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://atlas.utah.gov/" />
<meta property="twitter:title" content="Atlas Utah : Provided by the UGRC" />
<meta
property="twitter:description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode."
/>
<meta property="twitter:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<!-- Preloads -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
</head>

<head>
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Atlas Utah : Provided by the UGRC</title>
<meta name="title" content="Atlas Utah : Provided by the UGRC">
<meta name="description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with a dark mode." />
<link rel="canonical" href="https://atlas.utah.gov/">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://atlas.utah.gov/" />
<meta property="og:title" content="Atlas Utah : Provided by the UGRC" />
<meta property="og:description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
<meta property="og:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://atlas.utah.gov/" />
<meta property="twitter:title" content="Atlas Utah : Provided by the UGRC" />
<meta property="twitter:description"
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
<meta property="twitter:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<!-- Preloads -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
</head>

<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>

<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@
"type": "module",
"scripts": {
"build": "tsc -b && vite build",
"check": "tsc -b",
"copy:arcgis": "cpy \"./node_modules/@arcgis/core/assets/**\" ./public/assets",
"dev": "npm start",
"format": "prettier . --write",
"lint": "eslint . --report-unused-disable-directives --max-warnings 0",
"check": "tsc -b",
"preview": "vite preview",
"start": "vite",
"start:ci": "vite --host",
Expand Down
Loading