fix(lint): fix stylelint and eslint

Author: dvcol

.eslintignore

@@ -0,0 +1 @@
+.github

.eslintrc.cjs

@@ -6,8 +6,11 @@ module.exports = {
   settings: { jest: { version: 27 } },
   rules: {
     'import/no-extraneous-dependencies': ['error', { devDependencies: ['/!(src)/**', '**/*.test.*', '**/*.spec.*', '**/*.config.*'] }],
-    'vue/no-undef-components': ['error',{
-      "ignorePatterns": ['^v-.*']
-    }]
-  }
+    'vue/no-undef-components': [
+      'error',
+      {
+        ignorePatterns: ['^v-.*'],
+      },
+    ],
+  },
 };

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,7 +1,7 @@
 name: Bug report
 description: Report errors or unexpected issues
 title: '[bug]: Bug Report (please change this title)'
-labels: ['bug', 'bug-report']
+labels: [bug, bug-report]
 assignees: []
 
 body:
@@ -67,7 +67,7 @@ body:
       description: A brief description of the issue.
       placeholder: |
         Describe what happens:
-        
+
         Everytime I add a new torrent, the extension crashes ...
     validations:
       required: true
@@ -77,9 +77,9 @@ body:
     attributes:
       label: Steps to Reproduce the Issue
       description: Please describe in details the steps to reproduce your issue.
-      placeholder: | 
+      placeholder: |
         Describe how to reproduce:
-        
+
           1. When I'm doing this
           2. Then this
           3. While having this open
@@ -126,4 +126,4 @@ body:
         Note that those snapshot may contain identifiable information you might want to redact before submitting (like credentials or external ip addresses)
       placeholder: Paste your snapshot here.
     validations:
-      required: false
+      required: false

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,7 +1,7 @@
 name: Feature request
 description: Suggest an improvement
 title: '[feature]: Feature Request (please change this title)'
-labels: ['enhancement', 'feature-request']
+labels: [enhancement, feature-request]
 assignees: []
 
 body:
@@ -40,7 +40,7 @@ body:
       description: A brief description of the proposed functionality.
       placeholder: |
         Describe what you want to improve:
-        
+
         I wish that when I'm downloading a task I also get a free coffee !
     validations:
       required: true

.github/actions/build/action.yml

@@ -0,0 +1,39 @@
+name: Build
+description: Install and build the repo
+
+inputs:
+  node_version:
+    description: Pnpm version to use
+    required: true
+  pnpm_version:
+    description: Node version to use
+    required: true
+
+runs:
+  using: composite
+  steps:
+    - name: Setup pnpm ${{ inputs.pnpm_version }}
+      uses: pnpm/action-setup@v2
+      with:
+        version: ${{ inputs.pnpm_version }}
+
+    - name: Setup Node.js ${{ inputs.node_version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ env.node_version }}
+        registry-url: 'https://registry.npmjs.org'
+        cache: pnpm
+
+    - name: Install dependencies
+      shell: bash
+      run: |
+        # ================= Install =================
+
+        pnpm install
+
+    - name: Build sources
+      shell: bash
+      run: |
+        # =================  Build  =================
+
+        pnpm run build

.github/renovate.json

@@ -1,40 +1,23 @@
 {
-  "extends": [
-    "config:base",
-    ":preserveSemverRanges"
-  ],
+  "extends": ["config:base", ":preserveSemverRanges"],
   "assigneesFromCodeOwners": true,
   "rangeStrategy": "replace",
   "packageRules": [
     {
-      "matchPackagePatterns": [
-        "*"
-      ],
-      "matchUpdateTypes": [
-        "minor",
-        "patch"
-      ],
+      "matchPackagePatterns": ["*"],
+      "matchUpdateTypes": ["minor", "patch"],
       "groupName": "all non-major dependencies",
       "groupSlug": "all-minor-patch",
-      "labels": [
-        "dependencies"
-      ],
+      "labels": ["dependencies"],
       "automerge": true,
       "automergeType": "pr"
     },
     {
-      "matchPackagePatterns": [
-        "*"
-      ],
-      "matchUpdateTypes": [
-        "major"
-      ],
+      "matchPackagePatterns": ["*"],
+      "matchUpdateTypes": ["major"],
       "groupName": "all major dependencies",
       "groupSlug": "all-major",
-      "labels": [
-        "dependencies",
-        "breaking"
-      ]
+      "labels": ["dependencies", "breaking"]
     }
   ]
 }

package.json

@@ -42,7 +42,7 @@
   "devDependencies": {
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
-    "@dvcol/eslint-plugin-presets": "^1.3.9",
+    "@dvcol/eslint-plugin-presets": "^1.3.10",
     "@dvcol/stylelint-plugin-presets": "^1.2.1",
     "@tsconfig/node20": "^20.1.2",
     "@types/chrome": "^0.0.243",

pnpm-lock.yaml

@@ -5,11 +5,11 @@
 </template>
 
 <style>
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .about {
-    min-height: 100vh;
     display: flex;
     align-items: center;
+    min-height: 100vh;
   }
 }
 </style>

src/components/AboutView.vue

@@ -14,8 +14,8 @@
 
 <style scoped>
 .item {
-  margin-top: 2rem;
   display: flex;
+  margin-top: 2rem;
 }
 
 .details {
@@ -29,57 +29,56 @@ i {
   place-content: center;
   width: 32px;
   height: 32px;
-
   color: var(--color-text);
 }
 
 h3 {
-  font-size: 1.2rem;
-  font-weight: 500;
   margin-bottom: 0.4rem;
   color: var(--color-heading);
+  font-weight: 500;
+  font-size: 1.2rem;
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .item {
     margin-top: 0;
     padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
   }
 
   i {
+    position: absolute;
     top: calc(50% - 25px);
     left: -26px;
-    position: absolute;
-    border: 1px solid var(--color-border);
-    background: var(--color-background);
-    border-radius: 8px;
     width: 50px;
     height: 50px;
+    background: var(--color-background);
+    border: 1px solid var(--color-border);
+    border-radius: 8px;
   }
 
-  .item:before {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
+  .item::before {
     position: absolute;
-    left: 0;
     bottom: calc(50% + 25px);
+    left: 0;
     height: calc(50% - 25px);
+    border-left: 1px solid var(--color-border);
+    content: ' ';
   }
 
-  .item:after {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
+  .item::after {
     position: absolute;
-    left: 0;
     top: calc(50% + 25px);
+    left: 0;
     height: calc(50% - 25px);
+    border-left: 1px solid var(--color-border);
+    content: ' ';
   }
 
-  .item:first-of-type:before {
+  .item:first-of-type::before {
     display: none;
   }
 
-  .item:last-of-type:after {
+  .item:last-of-type::after {
     display: none;
   }
 }

src/components/WelcomeItem.vue

@@ -10,7 +10,7 @@ export const useCounterStore = defineStore({
   },
   actions: {
     increment() {
-      this.counter++;
+      this.counter += 1;
     },
   },
 });