Merge pull request #2 from LaunchWare/tailwind

configure tailwind

.github/workflows/lint.yml

@@ -13,23 +13,23 @@ jobs:
       - uses: actions/checkout@v2
       - name: Install asdf & tools
         uses: asdf-vm/actions/install@v2
-      - uses: pnpm/action-setup@v2
-        name: Install pnpm
+      - name: asdf cache
+        id: asdf-cache
+        uses: actions/cache@v2
         with:
-          version: 8
-          run_install: false
-      - name: Get pnpm store directory
-        shell: bash
-        run: |
-          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+          path: ~/.asdf/
+          key: ${{ runner.os }}-${{ hashFiles('**/.tool-versions') }}
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
       - uses: actions/cache@v3
-        name: Setup pnpm cache
+        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
-          path: ${{ env.STORE_PATH }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-pnpm-store-
+            ${{ runner.os }}-yarn-
       - name: Install dependencies
-        run: pnpm install
+        run: yarn install
       - name: lint
-        run: pnpm run lint
+        run: yarn run lint

.tool-versions

@@ -1,2 +1,2 @@
 nodejs 18.17.1
-pnpm 8.7.5
+yarn 1.22.19

gatsby-config.ts

@@ -10,7 +10,7 @@ const config: GatsbyConfig = {
   // Learn more at: https://gatsby.dev/graphql-typegen
   graphqlTypegen: true,
   plugins: [
-    "gatsby-plugin-postcss",
+    // "gatsby-plugin-postcss",
     {
       resolve: "gatsby-plugin-google-gtag",
       options: {

package.json

@@ -15,7 +15,7 @@
     "build": "gatsby build",
     "clean": "gatsby clean",
     "develop": "gatsby develop",
-    "lint": "pnpm run lint:syntax && pnpm lint:style",
+    "lint": "yarn run lint:syntax && yarn run lint:style",
     "lint:syntax": "eslint",
     "lint:style": "prettier -u -c ./src/**/*.**",
     "start": "gatsby develop",
@@ -25,26 +25,23 @@
   "dependencies": {
     "@mdx-js/react": "^2.3.0",
     "eslint": "^8.47.0",
-    "gatsby": "^5.8.0",
-    "gatsby-plugin-feed": "^5.8.0",
-    "gatsby-plugin-google-gtag": "^5.8.0",
+    "gatsby": "^5.10.0",
+    "gatsby-plugin-feed": "^5.10.0",
+    "gatsby-plugin-google-gtag": "^5.10.0",
     "gatsby-plugin-image": "^3.8.0",
-    "gatsby-plugin-manifest": "^5.8.0",
-    "gatsby-plugin-mdx": "^5.8.0",
-    "gatsby-plugin-postcss": "^6.8.0",
-    "gatsby-plugin-sharp": "^5.8.1",
-    "gatsby-plugin-sitemap": "^6.8.0",
+    "gatsby-plugin-manifest": "^5.10.0",
+    "gatsby-plugin-mdx": "^5.10.0",
+    "gatsby-plugin-sharp": "^5.12.0",
+    "gatsby-plugin-sitemap": "^6.10.0",
     "gatsby-remark-images": "^7.8.0",
     "gatsby-remark-prismjs": "^7.8.0",
     "gatsby-remark-responsive-iframe": "^6.8.0",
-    "gatsby-source-filesystem": "^5.8.0",
+    "gatsby-source-filesystem": "^5.10.0",
     "gatsby-transformer-remark": "^6.8.0",
-    "gatsby-transformer-sharp": "^5.8.0",
-    "postcss": "^8.4.21",
+    "gatsby-transformer-sharp": "^5.10.0",
     "prismjs": "^1.29.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.0"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@graphql-eslint/eslint-plugin": "^3.18.0",
@@ -54,6 +51,7 @@
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^6.4.0",
     "@typescript-eslint/parser": "^6.4.0",
+    "autoprefixer": "^10.4.15",
     "babel-eslint": "^10.1.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
@@ -62,8 +60,12 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-react-refresh": "^0.4.3",
+    "gatsby-plugin-postcss": "^6.8.0",
     "install-peerdeps": "^3.0.3",
+    "postcss": "^8.4.21",
     "prettier": "^3.0.3",
-    "typescript": "^4.2.0"
+    "prop-types": "^15.8.1",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^4.9.5"
   }
 }