feat: use pnpm

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"],
+  },
 }

package.json

@@ -34,9 +34,12 @@
     "@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-config-prettier": "^8.6.0",
+    "eslint-plugin-promise": "^6.0.0",
     "nuxt": "^3.0.0",
+    "prettier": "^2.8.3",
+    "typescript": "*",
     "vitest": "^0.27.2"
   },
   "publishConfig": {

playground/app.vue

@@ -1,51 +1,47 @@
 <template>
   <div>
-    <div :class="styles.root">
-      Nuxt module playground!
-    </div>
-    <button :class="styles.button">
-      Hello World
-    </button>
+    <div :class="styles.root">Nuxt module playground!</div>
+    <button :class="styles.button">Hello World</button>
   </div>
 </template>
 
-<script setup>
-import { css } from '@emotion/css'
+<script lang="ts" setup>
+import { css } from "@emotion/css";
 
 const styles = reactive({
   root: css({
-    paddingInline: '16px',
-    paddingBlock: '12px',
-    fontSize: '1rem',
-    fontFamily: 'system ui',
-    color: 'white',
-    borderRadius: '20px',
-    backgroundColor: 'indigo'
+    paddingInline: "16px",
+    paddingBlock: "12px",
+    fontSize: "1rem",
+    fontFamily: "system ui",
+    color: "white",
+    borderRadius: "20px",
+    backgroundColor: "indigo",
   }),
   button: css({
-    padding: '13px 18px',
-    position: 'relative',
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    whiteSpace: 'pre',
-    borderRadius: '9999px',
-    borderWidth: '2px',
-    borderColor: 'transparent',
-    backgroundColor: 'rgb(245 245 240)',
-    fontSize: '15px',
-    fontWeight: '400',
-    lineHeight: '21px',
-    letterSpacing: '.011em',
-    cursor: 'pointer',
+    padding: "13px 18px",
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    whiteSpace: "pre",
+    borderRadius: "9999px",
+    borderWidth: "2px",
+    borderColor: "transparent",
+    backgroundColor: "rgb(245 245 240)",
+    fontSize: "15px",
+    fontWeight: "400",
+    lineHeight: "21px",
+    letterSpacing: ".011em",
+    cursor: "pointer",
     transitionProperty:
-      'color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter',
-    transitionTimingFunction: 'cubic-bezier(.4,0,.2,1)',
-    transitionDuration: '.15s',
-    '&:hover': {
-      backgroundColor: 'rgb(79 77 77)',
-      color: 'rgb(245 245 240)'
-    }
-  })
-})
+      "color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter",
+    transitionTimingFunction: "cubic-bezier(.4,0,.2,1)",
+    transitionDuration: ".15s",
+    "&:hover": {
+      backgroundColor: "rgb(79 77 77)",
+      color: "rgb(245 245 240)",
+    },
+  }),
+});
 </script>