Merge branch 'main' into release

Author: stefanobartoletti

.github/workflows/ci.yml

@@ -15,15 +15,18 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [18]
+        node: [22]
 
     steps:
       - uses: actions/checkout@v4
-      - run: corepack enable
+
       - uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
-          cache: pnpm
+
+      - run: npm install --global corepack@latest
+
+      - run: corepack enable
 
       - name: 📦 Install dependencies
         run: pnpm install

.github/workflows/gh-pages.yml

@@ -14,11 +14,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - run: corepack enable
       - uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '22'
           cache: pnpm
+      - run: npm install --global corepack@latest
+      - run: corepack enable
+
       # Pick your own package manager and build script
       - run: pnpm install
       - run: pnpm dev:generate --preset=github-pages

docs/content/2.usage/1.component.md

@@ -174,7 +174,7 @@ Works nicely with the [NuxtIcon](https://github.com/nuxt-modules/icon) module, i
 
 ## Styling
 
-The `<SocialShare>` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavoir can be easily overridden by using the `:styled="true"` prop.
+The `<SocialShare>` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavior can be easily overridden by using the `:styled="true"` prop.
 
 Both the styled and unstyled versions can be further customized, mainly by working directly with its CSS. In addition to the CSS classes shown above, each button also has a *local* `--color-brand` CSS variable, that can be used to customize each instance.
 

docs/package.json

@@ -8,18 +8,18 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.23",
-    "@iconify-json/simple-icons": "^1.2.20",
+    "@iconify-json/lucide": "^1.2.35",
+    "@iconify-json/simple-icons": "^1.2.31",
     "@nuxt/content": "^2.13.4",
-    "@nuxt/fonts": "^0.10.3",
+    "@nuxt/fonts": "^0.11.1",
     "@nuxt/image": "^1.9.0",
     "@nuxt/ui-pro": "^1.7.0",
     "@nuxtjs/seo": "2.0.3",
     "nuxt": "^3.15.2",
-    "posthog-js": "^1.207.0"
+    "posthog-js": "^1.235.0"
   },
   "devDependencies": {
     "@nuxthq/studio": "^2.2.1",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.8"
   }
 }

package.json

@@ -19,13 +19,12 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
+  "types": "./dist/types.d.mts",
   "files": [
     "dist"
   ],
@@ -48,26 +47,26 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.15.2",
+    "@nuxt/kit": "^3.16.2",
     "defu": "^6.1.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@nuxt/devtools": "2.0.0-beta.2",
-    "@nuxt/eslint-config": "^0.7.5",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.2",
-    "@nuxt/test-utils": "^3.15.4",
+    "@commitlint/cli": "^19.8.0",
+    "@commitlint/config-conventional": "^19.8.0",
+    "@nuxt/devtools": "2.3.2",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.16.2",
+    "@nuxt/test-utils": "^3.17.2",
     "@release-it/conventional-changelog": "^10.0.0",
-    "@stefanobartoletti/eslint-config": "^3.0.9",
-    "@types/node": "^22.10.7",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.18.0",
+    "@stefanobartoletti/eslint-config": "^4.0.1",
+    "@types/node": "^22.14.0",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.24.0",
     "husky": "^9.1.7",
-    "nuxt": "^3.15.2",
-    "release-it": "^18.1.1",
-    "typescript": "~5.6",
-    "vitest": "^3.0.1"
+    "nuxt": "^3.16.2",
+    "release-it": "^18.1.2",
+    "typescript": "~5.8.3",
+    "vitest": "^3.1.1"
   }
 }

playground/assets/css/tailwind.css

@@ -0,0 +1,11 @@
+@import 'tailwindcss';
+@plugin "daisyui";
+
+pre {
+  @apply bg-slate-600 text-white rounded-md p-4 whitespace-pre-wrap;
+}
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+}

playground/components/SiteFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <footer class="navbar bg-base-200">
-    <div class="container">
+    <div class="container flex">
       <div class="flex flex-row gap-8 mx-auto">
         <SocialShare
           v-for="network in ['facebook', 'x', 'linkedin', 'email']"

playground/components/SiteHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <header class="navbar bg-base-200">
-    <div class="container">
+    <div class="container flex">
       <h1 class="font-bold text-xl">Nuxt Social Share</h1>
 
       <ul class="ml-auto">

playground/nuxt.config.ts

@@ -1,14 +1,18 @@
+import tailwindcss from '@tailwindcss/vite'
+
 export default defineNuxtConfig({
   modules: [
     '../src/module',
-    '@nuxtjs/tailwindcss',
   ],
 
-  socialShare: {
-    // styled: true,
-    // label: false,
-    // icon: false,
-    baseUrl: 'https://stefanobartoletti.github.io/nuxt-social-share/',
+  css: [
+    './assets/css/tailwind.css',
+  ],
+
+  vite: {
+    plugins: [
+      tailwindcss(),
+    ],
   },
 
   devtools: { enabled: true },

playground/package.json

@@ -8,8 +8,9 @@
     "generate": "nuxi generate"
   },
   "dependencies": {
-    "@nuxtjs/tailwindcss": "^6.13.1",
-    "daisyui": "^4.12.23",
-    "nuxt": "^3.15.2"
+    "@tailwindcss/vite": "^4.1.3",
+    "daisyui": "^5.0.17",
+    "nuxt": "^3.16.2",
+    "tailwindcss": "^4.1.3"
   }
 }

playground/pages/composable.vue

@@ -41,8 +41,4 @@ const getFacebook = useSocialShare({ network: 'facebook' })
     border-radius: 0;
   }
 }
-
-pre {
-  @apply bg-slate-600 text-white rounded-md p-4 whitespace-pre-wrap;
-}
 </style>

playground/pages/index.vue

@@ -84,8 +84,4 @@ const instances = [
     border-radius: 0;
   }
 }
-
-pre {
-  @apply bg-slate-600 text-white rounded-md p-4 whitespace-pre-wrap;
-}
 </style>

playground/pages/urls.vue

@@ -53,8 +53,4 @@ testNetworks.forEach((el) => {
     border-radius: 0;
   }
 }
-
-pre {
-  @apply bg-slate-600 text-white rounded-md p-4 whitespace-pre-wrap;
-}
 </style>