Merge pull request #23 from codebender828/main

chore: Nuxt 3 pre-release prep

Author: codebender828

.eslintrc

@@ -1,10 +1,7 @@
 {
-  "extends": [
-    "@nuxtjs/eslint-config-typescript"
-  ],
+  "plugins": ["prettier"],
+  "extends": "@nuxtjs/eslint-config-typescript",
   "rules": {
-    "@typescript-eslint/no-unused-vars": [
-      "off"
-    ]
-  }
+    "@typescript-eslint/no-unused-vars": ["off"],
+  },
 }

.github/workflows/ci.yml

@@ -3,10 +3,10 @@ name: ci
 on:
   push:
     branches:
-      - master
+      - main
   pull_request:
     branches:
-      - master
+      - main
 
 jobs:
   ci:
@@ -25,27 +25,36 @@ jobs:
       - name: checkout
         uses: actions/checkout@master
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 7
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v2
-        id: yarn-cache
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-pnpm-store-
 
       - name: Install dependencies
         if: steps.cache.outputs.cache-hit != 'true'
-        run: yarn
+        run: pnpm install && pnpm dev:prepare
 
       - name: Lint
-        run: yarn lint
+        run: pnpm lint
 
       - name: Test
-        run: yarn test
+        run: pnpm test
 
       - name: Coverage
         uses: codecov/codecov-action@v3

README.md

@@ -27,8 +27,6 @@
 
 ## Setup
 
-**IMPORTANT NOTE:** This module requires new hooks that works with nuxt `2.5.0` or `nuxt-edge` only.
-
 1. Add `@nuxtjs/emotion` dependency to your project
 
 ```bash

package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxtjs/emotion",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "The Next Generation of CSS-in-JS for Nuxt.js",
-  "repository": "nuxt-community/emotion-module",
+  "repository": "nuxt-modules/emotion",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -34,9 +34,13 @@
     "@nuxt/schema": "^3.0.0",
     "@nuxt/test-utils": "^3.0.0",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "eslint": "^8.31.0",
-    "nitropack": "^1.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "eslint": "^8.32.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-promise": "^6.0.0",
     "nuxt": "^3.0.0",
+    "prettier": "^2.8.3",
+    "typescript": "*",
     "vitest": "^0.27.2"
   },
   "publishConfig": {

playground/app.vue

@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { css } from '@emotion/css'
 
 const styles = reactive({