update formating, linting, and some dependencies (#1117)

Co-authored-by: Amir Hossein Hashemi <87268103+amirhhashemi@users.noreply.github.com>

Author: LadyBluenotes

.eslintrc.json

@@ -1,13 +1,10 @@
 name: "Bug Report 🪲"
 description: Report an issue or possible bug with the functionality of the Solid docs website. (Not related to the content of the site.)
 title: "[Bug]: "
-labels: [
-  "bug", 
-  "pending review"
-]
-assignees: 
-- danieljcafonso
-- atilafassina
+labels: ["bug", "pending review"]
+assignees:
+  - danieljcafonso
+  - atilafassina
 
 body:
   - type: textarea
@@ -25,21 +22,21 @@ body:
       description: Please indicate on which page(s) the issue occurs.
       placeholder: https://docs.solidjs.com/concepts/intro-to-reactivity
     validations:
-        required: true
+      required: true
   - type: textarea
     id: expected
     attributes:
       label: "🤔 Expected Behavior"
       description: Please describe what the expected behavior should be.
-      placeholder: When on this page, I expected . . . 
+      placeholder: When on this page, I expected . . .
     validations:
       required: true
   - type: textarea
     id: current
     attributes:
       label: "👀 Current Behavior"
       description: Please describe what the current behavior is.
-      placeholder: But instead, on this page I'm noticing . . . 
+      placeholder: But instead, on this page I'm noticing . . .
     validations:
       required: true
   - type: input

.github/ISSUE_TEMPLATE/BUGS.yml

@@ -1,11 +1,9 @@
 name: "Content Report 📄"
 title: "[Content]:"
 description: Report an issue with existing content.
-labels: [
-  "improve documentation", "pending review"
-]
-assignees: 
-- ladybluenotes
+labels: ["improve documentation", "pending review"]
+assignees:
+  - ladybluenotes
 body:
   - type: markdown
     attributes:
@@ -25,19 +23,19 @@ body:
       description: Please provide the URL of the page(s) affected.
       placeholder: https://docs.solidjs.com/concepts/intro-to-reactivity
     validations:
-        required: true
+      required: true
   - type: textarea
     id: generalDesc
     attributes:
       label: "📋 Description of content that is out-of-date or incorrect"
       description: Let us know what's wrong!
       placeholder: "..."
     validations:
-        required: true
+      required: true
   - type: textarea
     id: incorrectContent
     attributes:
       label: "🖥️ Reproduction in StackBlitz (if reporting incorrect content or code samples)"
       description: If you are reporting incorrect content or code samples, you can also attach a reproduction in stackblitz.
     validations:
-        required: false
+      required: false

.github/ISSUE_TEMPLATE/CONTENT.yml

@@ -1,9 +1,7 @@
 name: "Other Report 🌐"
 title: "[Other]:"
 description: Report something else we should know about the docs site!
-labels: [
-"pending review"
-]
+labels: ["pending review"]
 body:
   - type: textarea
     id: issue
@@ -12,4 +10,4 @@ body:
       description: Please describe the problem with the documentation in detail.
       placeholder: "..."
     validations:
-        required: true
+      required: true

.github/ISSUE_TEMPLATE/OTHER.yml

@@ -1,11 +1,9 @@
 name: "Request 💡"
 title: "[Request]:"
 description: Share an idea.
-labels: [
-  "request", "pending review"
-]
+labels: ["request", "pending review"]
 assignees:
-- ladybluenotes
+  - ladybluenotes
 body:
   - type: markdown
     attributes:
@@ -14,7 +12,7 @@ body:
     id: request-topic
     attributes:
       label: "What is this request related to?"
-      options: 
+      options:
         - Request
         - Styling
         - Feature
@@ -27,20 +25,20 @@ body:
       description: Please provide the URL of the page(s) or section this idea is related to.
       placeholder: https://docs.solidjs.com/concepts/intro-to-reactivity
     validations:
-        required: false
+      required: false
   - type: textarea
     id: generalDesc
     attributes:
       label: "📋 General description or bullet points"
       description: Please provide a general description or bullet points about what you would like to see added.
       placeholder: "..."
     validations:
-        required: true
+      required: true
   - type: textarea
     id: example
     attributes:
       label: "🖥️ Reproduction of code samples in StackBlitz"
       description: If you would like to suggest code samples please attach a working reproduction.
       placeholder: "..."
     validations:
-        required: false
+      required: false

.github/ISSUE_TEMPLATE/REQUEST.yml

@@ -2,4 +2,4 @@ blank_issues_enabled: true
 contact_links:
   - name: Support & Community 💁
     url: https://discord.com/invite/solidjs
-    about: 'This issue tracker is not for support questions. Our Discord server hosts the community of Solid users. Come join us to discuss Solid or find assistance!'
+    about: "This issue tracker is not for support questions. Our Discord server hosts the community of Solid users. Come join us to discuss Solid or find assistance!"

.github/ISSUE_TEMPLATE/config.yml

@@ -4,6 +4,7 @@
 - [ ] This PR references an issue (except for typos, broken links, or other minor problems)
 
 ### Description(required)
+
 <!-- Provide a detailed description of the changes in this PR. Why is it necessary, and what does it do?  -->
 
 ### Related issues & labels

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,21 @@
+name: Install Tools & Dependencies
+description: Installs pnpm, Node.js & package dependencies
+
+runs:
+  using: composite
+  steps:
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
+        run_install: false
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: pnpm
+
+    - name: Install dependencies
+      run: pnpm install
+      shell: bash

.github/actions/install/action.yml

@@ -0,0 +1,21 @@
+name: Install Tools & Dependencies
+description: Installs pnpm, Node.js & package dependencies
+
+runs:
+  using: composite
+  steps:
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
+        run_install: false
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: pnpm
+
+    - name: Install dependencies
+      run: pnpm install
+      shell: bash

.github/workflows/format.yml

@@ -2,70 +2,37 @@ name: 🔍 Lint / Type Checks
 
 on:
   push:
-    branches: [main]
+    branches:
+      - main
+
   pull_request:
-    branches: [main]
+    branches:
+      - main
 
 jobs:
-  setup:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          version: 9
-      - uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "pnpm"
-      - run: pnpm i
-      - uses: actions/cache/save@v4
-        with:
-          path: |
-            node_modules
-            ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
-
   typecheck:
-    needs: setup
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          version: 9
-      - uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "pnpm"
-      - uses: actions/cache/restore@v4
-        with:
-          path: |
-            node_modules
-            ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+      - name: Check out code
+        uses: actions/checkout@v4
+
+      - name: Install tools & dependencies
+        uses: ./.github/actions/install
+
       - name: Generate virtual modules
         run: pnpm sync
+
       - name: TypeScript check
         run: pnpm check:types
 
   lint:
-    needs: setup
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          version: 9
-      - uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "pnpm"
-      - uses: actions/cache/restore@v4
-        with:
-          path: |
-            node_modules
-            ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+      - name: Check out code
+        uses: actions/checkout@v4
+
+      - name: Install tools & dependencies
+        uses: ./.github/actions/install
+
       - name: ESLint check
         run: pnpm check:lint