chore: perform all release tasks

Author: codebender828

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

playground/app.vue

@@ -1,47 +1,51 @@
 <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 lang="ts" setup>
-import { css } from "@emotion/css";
+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>

src/module.ts

@@ -9,7 +9,7 @@ import {
 declare global {
   interface Window {
     /** Serialized SSR IDs for emotion */
-    $emotionSSRIds: string[]
+    $emotionSSRIds: string[];
   }
 }
 
@@ -37,7 +37,7 @@ export default defineNuxtModule({
      * Register emotion plugin
      */
     const { resolve } = createResolver(import.meta.url)
-    const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
+    const runtimeDir = resolve('./runtime')
     nuxt.options.build.transpile.push(runtimeDir)
     addServerPlugin(resolve(runtimeDir, 'emotion.server'))
     addPlugin(resolve(runtimeDir, 'emotion.client'))

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
-    "moduleResolution": "Node"
+    "moduleResolution": "Node",
+    "module": "node16"
   }
 }