🎨 Fix details

.github/workflows/main.yml

@@ -1,6 +1,9 @@
 name: Cypress Tests
 
-on: [push]
+on: 
+  push:
+    branches:
+      - main
 
 jobs:
   cypress-run:

.prettierrc.cjs

@@ -1,16 +1,14 @@
 module.exports = {
-  "useTabs": false,
-  "tabWidth": 2,
-  "endOfLine": "lf",
-  "trailingComma": "none",
-  "semi": true,
-  "singleQuote": true,
-  "bracketSpacing": true,
-  "importOrder": ["^@core/(.*)$", "^[./]"],
-  "cssDeclarationSorterKeepOverrides": false,
-  "plugins": [
-    "@trivago/prettier-plugin-sort-imports",
-    "prettier-plugin-css-order",
-    "prettier-plugin-tailwindcss"
+  useTabs: false,
+  tabWidth: 2,
+  endOfLine: 'lf',
+  trailingComma: 'none',
+  semi: true,
+  singleQuote: true,
+  cssDeclarationSorterKeepOverrides: false,
+  plugins: [
+    '@trivago/prettier-plugin-sort-imports',
+    'prettier-plugin-css-order',
+    'prettier-plugin-tailwindcss'
   ]
-}
+};

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "editor.quickSuggestions": {
+    "strings": "on"
+  }
 }

index.html

@@ -8,7 +8,7 @@
   <title>Little Lemon Restaurant</title>
   <meta name="description"
     content="We are a family owned Mediterranean restaurant, focused on traditional recipes served with a modern twist." />
-  <meta name="author" content="github.com/jyboy" />
+  <meta name="author" content="@jyboy" />
   <meta name="og:title" content="Little Lemon Restaurant" />
   <meta name="og:description"
     content="We are a family owned Mediterranean restaurant, focused on traditional recipes served with a modern twist." />

src/index.css

@@ -8,7 +8,7 @@ body {
   min-height: 100vh;
   font-size: 16px;
   line-height: 1.5;
-  font-family: Karla, Helvetica, Arial, sans-serif;
+  font-family: Karla, 'Helvetica Neue', Arial, sans-serif;
 }
 
 #root {

tailwind.config.js

@@ -3,7 +3,7 @@ export default {
   content: ['./index.html', './src/**/*.{js,jsx}'],
   theme: {
     fontFamily: {
-      sans: ['Karla', 'Helvetica', 'Arial', 'sans-serif'],
+      sans: ['Karla', 'Helvetica Neue', 'Arial', 'sans-serif'],
       serif: ['Markazi Text', 'Georgia', 'Times New Roman', 'serif']
     },
     colors: {

vitest-setup.js

@@ -1,7 +1,6 @@
 import '@testing-library/jest-dom/vitest';
 import { cleanup } from '@testing-library/react';
-import { afterEach } from 'vitest';
 
 afterEach(() => {
-    cleanup();
+  cleanup();
 });