Update playwright tests (#2)

* test: update playwright test

make it useful lol

* build: bump version to 0.0.3, add test-results to gitignore

* build(prettier): update prettier config and ignore list

* chore(prettier): run prettier formatter on repo

* build(lint): add shadcn components to eslintignore

* docs: update readme, use pnpm

Author: dually8

.eslintignore

@@ -11,3 +11,6 @@ node_modules
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+
+# Ignore shadcn bits
+src/lib/components/ui

.eslintrc.cjs

@@ -5,27 +5,27 @@ module.exports = {
 		'eslint:recommended',
 		'plugin:@typescript-eslint/recommended',
 		'plugin:svelte/recommended',
-		'prettier'
+		'prettier',
 	],
 	parser: '@typescript-eslint/parser',
 	plugins: ['@typescript-eslint'],
 	parserOptions: {
 		sourceType: 'module',
 		ecmaVersion: 2020,
-		extraFileExtensions: ['.svelte']
+		extraFileExtensions: ['.svelte'],
 	},
 	env: {
 		browser: true,
 		es2017: true,
-		node: true
+		node: true,
 	},
 	overrides: [
 		{
 			files: ['*.svelte'],
 			parser: 'svelte-eslint-parser',
 			parserOptions: {
-				parser: '@typescript-eslint/parser'
-			}
-		}
-	]
+				parser: '@typescript-eslint/parser',
+			},
+		},
+	],
 };

.gitignore

@@ -8,4 +8,5 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
-*.report.html
+*.report.html
+test-results/

.prettierignore

@@ -2,3 +2,9 @@
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+# Ignore markdown
+*.md
+# Ignore static dir
+static/
+# Ignore yaml
+*.yml

.prettierrc

@@ -1,8 +1,20 @@
 {
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
+	"arrowParens": "always",
+	"bracketSameLine": true,
+	"bracketSpacing": true,
+	"embeddedLanguageFormatting": "auto",
+	"htmlWhitespaceSensitivity": "ignore",
+	"insertPragma": false,
 	"printWidth": 100,
+	"proseWrap": "preserve",
+	"quoteProps": "preserve",
+	"requirePragma": false,
+	"semi": true,
+	"singleAttributePerLine": true,
+	"singleQuote": true,
+	"tabWidth": 2,
+	"trailingComma": "all",
+	"useTabs": true,
 	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
 	"overrides": [
 		{

README.md

@@ -4,13 +4,13 @@ This is a site that lets you browse NES games by their cartridge art. You can al
 
 ## Getting Started
 
-0. Install Node.js (20.x) and clone the repo
-1. Run `npm ci` to install the dependencies
-2. Run `npm run scrape` to run the web scraper
+0. Install Node.js (20.x), [pnpm](https://pnpm.io/installation), and clone the repo
+1. Run `pnpm install` to install the dependencies
+2. Run `pnpm run scrape` to run the web scraper
     - This scrapes [nescartdb](https://nescartdb.com/) for info and cartridge art
-3. Run `npm run dev` to dev against the site
-4. Run `npm run preview` to run the prod build of the site
-5. Run `npm run build` to build the dist (outputs to `/build`).
+3. Run `pnpm run dev` to dev against the site
+4. Run `pnpm run preview` to run the prod build of the site
+5. Run `pnpm run build` to build the dist (outputs to `/build`).
 
 ## Todo
 

components.json

@@ -11,4 +11,4 @@
 		"utils": "$lib/utils"
 	},
 	"typescript": true
-}
+}