fixing linting issues • minor config changes

.husky/pre-commit

@@ -1 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
 npx lint-staged --concurrent false --relative

.lintstagedrc.json

@@ -0,0 +1,20 @@
+{
+  "./apps/**/*.ts(x)": [
+    "prettier --write",
+    "eslint --fix"
+  ],
+  "./libs/**/*.ts(x)": [
+    "prettier --write",
+    "eslint --fix"
+  ],
+  "./apps/**/*.html": [
+    "eslint --fix",
+    "prettier --write"
+  ],
+    "./libs/**/*.html": [
+    "eslint --fix",
+    "prettier --write"
+  ],
+  "./apps/**/*.css": ["prettier --write", "stylelint --write"],
+  "./libs/**/*.css": ["prettier --write", "stylelint --write"]
+}

apps/mobile-app/metro.config.js

@@ -1,5 +1,5 @@
-const { withNxMetro } = require('@nx/expo');
 const { getDefaultConfig } = require('@expo/metro-config');
+const { withNxMetro } = require('@nx/expo');
 const { mergeConfig } = require('metro-config');
 
 const defaultConfig = getDefaultConfig(__dirname);

apps/mobile-app/src/app/App.spec.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { render } from '@testing-library/react-native';
 
 import App from './App';

apps/web-app/src/homepage/homepage.spec.tsx

@@ -1,5 +1,4 @@
 import { render } from '@testing-library/react';
-
 import { BrowserRouter } from 'react-router-dom';
 
 import App from './homepage';

apps/web-app/src/main.tsx

@@ -1,12 +1,11 @@
 import { StrictMode } from 'react';
+
 import * as ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 
 import App from './app/app';
 
-const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
-);
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 root.render(
   <StrictMode>
     <BrowserRouter>

apps/web-design-system/.storybook/main.ts

@@ -1,6 +1,5 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import type { StorybookConfig } from '@storybook/react-vite';
 import { mergeConfig } from 'vite';
 
 const config: StorybookConfig = {

apps/web-design-system/src/app/app.stories.tsx

@@ -1,8 +1,8 @@
+import { expect } from '@storybook/jest';
 import type { Meta, StoryObj } from '@storybook/react';
-import { App } from './app';
-
 import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+
+import { App } from './app';
 
 const meta: Meta<typeof App> = {
   component: App,

apps/web-design-system/src/app/app.tsx

@@ -1,14 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import styles from './app.module.css';
 
-import NxWelcome from './nx-welcome';
-
 export function App() {
-  return (
-    <div>
-      <NxWelcome title="web-design-system" />
-    </div>
-  );
+  return <div>Hi</div>;
 }
 
 export default App;