Merge pull request #12 from wobsoriano/bump-deps

Bump deps
wobsoriano · Sep 5, 2024 · 3a58355 · 3a58355
2 parents c1fbfc5 + 39e4695
commit 3a58355
Show file tree

Hide file tree

Showing 18 changed files with 7,252 additions and 6,106 deletions.
diff --git a/.changeset/README.md b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": ["playground"]
+}
diff --git a/.changeset/gentle-onions-jam.md b/.changeset/gentle-onions-jam.md
@@ -0,0 +1,19 @@
+---
+"vue-wrap-balancer": minor
+---
+
+Bump non-major dependencies and named export Balancer component
+
+Usage
+
+```vue
+<script setup>
+import { Balancer } from 'vue-wrap-balancer'
+</script>
+
+<template>
+  <h1>
+    <Balancer>My Awesome Title</Balancer>
+  </h1>
+</template>
+```
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -2,21 +2,42 @@ name: Release
 
 on:
   push:
-    tags:
-      - 'v*'
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
   release:
+    permissions:
+      contents: write # to create release (changesets/action)
+      pull-requests: write # to create pull request (changesets/action)
+    name: Release
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - name: Checkout Repo
+        uses: actions/checkout@v4
         with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.9.0
 
-      - uses: actions/setup-node@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.x
+          node-version: 20.x
+          cache: pnpm
 
-      - run: npx changelogithub
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: pnpm release
         env:
-          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.npmrc b/.npmrc
@@ -1,2 +1 @@
 ignore-workspace-root-check=true
-shamefully-hoist=true
diff --git a/README.md b/README.md
@@ -18,12 +18,12 @@ Wrap text content with it:
 
 ```vue
 <script setup>
-import WrapBalancer from 'vue-wrap-balancer'
+import { Balancer } from 'vue-wrap-balancer'
 </script>
 
 <template>
   <h1>
-    <WrapBalancer>My Awesome Title</WrapBalancer>
+    <Balancer>My Awesome Title</Balancer>
   </h1>
 </template>
 ```

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,19 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    vue: true,
+    typescript: true,
+  },
+  {
+    ignores: ['*.js'],
+  },
+  {
+    rules: {
+      'no-console': 'warn',
+      'node/prefer-global/process': 'warn',
+      'vue/one-component-per-file': 'off',
+      'no-restricted-globals': 'off',
+    },
+  },
+)
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-wrap-balancer",
   "version": "1.1.3",
-  "packageManager": "pnpm@7.25.0",
+  "packageManager": "pnpm@9.9.0",
   "description": "Better text wrapping for Vue.",
   "author": "Robert Soriano <[email protected]>",
   "license": "MIT",
@@ -19,22 +19,32 @@
   ],
   "sideEffects": false,
   "exports": {
-    "require": "./dist/index.js",
-    "import": "./dist/index.mjs"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
   },
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./dist/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch --onSuccess=\"pnpm -C playground dev\"",
+    "dev": "tsup --watch --onSuccess=\"pnpm --filter playground dev\"",
     "lint": "eslint .",
     "prepublishOnly": "pnpm build",
     "release": "bumpp && npm publish",
-    "update-deps": "taze -w && pnpm i",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -44,18 +54,12 @@
     "nanoid": "^3.3.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.34.2",
-    "bumpp": "^8.2.1",
-    "eslint": "^8.36.0",
-    "taze": "^0.8.5",
-    "tsup": "6.5.0",
-    "typescript": "^4.9.5",
-    "vue": "^3.3.4"
-  },
-  "eslintConfig": {
-    "extends": "@antfu",
-    "rules": {
-      "vue/one-component-per-file": "off"
-    }
+    "@antfu/eslint-config": "^3.2.0",
+    "@changesets/cli": "^2.27.8",
+    "bumpp": "^9.5.2",
+    "eslint": "^9.9.1",
+    "tsup": "8.2.4",
+    "typescript": "^5.5.4",
+    "vue": "^3.5.2"
   }
 }
diff --git a/playground/components/Content.tsx b/playground/components/Content.tsx
@@ -2,9 +2,9 @@ export default defineComponent({
   render() {
     return (
       <>
-      <div class='skeleton' style={{ '--w': '60%' }} />
-      <div class='skeleton' style={{ '--w': '80%' }} />
-      <div class='skeleton' style={{ '--w': '75%' }} />
+        <div class="skeleton" style={{ '--w': '60%' }} />
+        <div class="skeleton" style={{ '--w': '80%' }} />
+        <div class="skeleton" style={{ '--w': '75%' }} />
       </>
     )
   },

diff --git a/playground/components/DeployedOnVercel.tsx b/playground/components/DeployedOnVercel.tsx
@@ -9,8 +9,8 @@ export default defineComponent({
         }}
       >
         <a
-          href='https://vercel.com'
-          target='_blank'
+          href="https://vercel.com"
+          target="_blank"
           style={{
             display: 'inline-flex',
             justifyContent: 'center',
@@ -21,8 +21,8 @@ export default defineComponent({
           }}
         >
           <span>Deployed on</span>
-          <svg height='1.1em' viewBox='0 0 284 65' style={{ marginTop: 2 }}>
-            <path d='M141.68 16.25c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm117.14-14.5c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm-39.03 3.5c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9v-46h9zM37.59.25l36.95 64H.64l36.95-64zm92.38 5l-27.71 48-27.71-48h10.39l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10v14.8h-9v-34h9v9.2c0-5.08 5.91-9.2 13.2-9.2z'></path>
+          <svg height="1.1em" viewBox="0 0 284 65" style={{ marginTop: 2 }}>
+            <path d="M141.68 16.25c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm117.14-14.5c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm-39.03 3.5c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9v-46h9zM37.59.25l36.95 64H.64l36.95-64zm92.38 5l-27.71 48-27.71-48h10.39l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10v14.8h-9v-34h9v9.2c0-5.08 5.91-9.2 13.2-9.2z"></path>
           </svg>
         </a>
       </p>

diff --git a/playground/components/Ratio.vue b/playground/components/Ratio.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Balancer from 'vue-wrap-balancer'
+import { Balancer } from 'vue-wrap-balancer'
 import { useSpring } from 'vue-use-spring'
 
 const ratio = useSpring({ w: 0.65 })

diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -17,7 +17,10 @@ export default defineNuxtConfig({
       ],
     },
   },
+
   nitro: {
     preset: 'vercel',
   },
+
+  compatibilityDate: '2024-09-05',
 })
diff --git a/playground/package.json b/playground/package.json
@@ -9,10 +9,10 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "vue-use-spring": "^0.2.1",
+    "vue-use-spring": "^0.3.3",
     "vue-wrap-balancer": "workspace:*"
   },
   "devDependencies": {
-    "nuxt": "3.7.0"
+    "nuxt": "3.13.1"
   }
 }
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Balancer from 'vue-wrap-balancer'
+import { Balancer } from 'vue-wrap-balancer'
 </script>
 
 <template>
Original file line number	Diff line number	Diff line change
		@@ -1,2 +1 @@
		ignore-workspace-root-check=true
		shamefully-hoist=true