@vueuse/motion - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

dist/nuxt.d.ts

@@ -1,3 +0,3 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { Z as ModuleOptions$1 } from './shared/motion.5ee44005.js';
+import { NuxtModule } from '@nuxt/schema';
+import { Z as ModuleOptions$1 } from './shared/motion.6686175e.js';
 import 'vue';
@@ -8,4 +8,4 @@ import '@vueuse/core';
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

dist/runtime/templates/motion.d.ts

@@ -1,3 +0,4 @@
-import { Plugin } from "nuxt/app"
+import type { Plugin } from 'nuxt/app'
+
 declare const plugin: Plugin<Record<string, unknown>>
-export default plugin
+export default plugin

package.json

 {
   "name": "@vueuse/motion",
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "🤹 Vue Composables putting your components in motion",
@@ -21,11 +21,11 @@ "author": "Yaël GUILLOUX <[e-mail]>",
   ],
+  "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
     },
     "./nuxt": {
-      "require": "./dist/nuxt.cjs",
-      "import": "./dist/nuxt.mjs"
+      "import": "./dist/nuxt.mjs",
+      "require": "./dist/nuxt.cjs"
     }
@@ -36,13 +36,21 @@ },
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./*"
+      ]
+    }
+  },
   "files": [
-    "dist/**/*",
     "LICENSE",
-    "README.md"
+    "README.md",
+    "dist"
   ],
   "scripts": {
-    "build": "unbuild",
+    "build": "unbuild  && node ./scripts/fix-nuxt-build.mjs",
     "dev": "pnpm dev:vite",
     "release": "release-it",
-    "lint": "eslint --ext .js,.vue,.ts,.tsx .",
-    "lint:fix": "eslint --ext .js,.vue,.ts,.tsx . --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "test:unit": "vitest run",
@@ -72,5 +80,5 @@ "test:coverage": "vitest run --coverage",
   "dependencies": {
-    "@vueuse/core": "^10.1.2",
-    "@vueuse/shared": "^10.1.2",
-    "csstype": "^3.1.2",
+    "@vueuse/core": "^10.10.0",
+    "@vueuse/shared": "^10.10.0",
+    "csstype": "^3.1.3",
     "framesync": "^6.1.2",
@@ -81,28 +89,22 @@ "popmotion": "^11.0.5",
   "optionalDependencies": {
-    "@nuxt/kit": "^3.5.1"
+    "@nuxt/kit": "^3.11.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.3",
-    "@nuxt/kit": "^3.5.1",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "@vitest/coverage-c8": "^0.31.1",
-    "@vue/test-utils": "^2.3.2",
-    "chokidar": "^3.5.3",
-    "eslint": "^8.41.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-prettier-vue": "^4.2.0",
-    "happy-dom": "^9.20.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "typescript": "^5.0.4",
+    "@antfu/eslint-config": "^2.19.1",
+    "@nuxt/kit": "^3.11.2",
+    "@nuxt/schema": "^3.11.2",
+    "@vitest/coverage-v8": "^1.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "chokidar": "^3.6.0",
+    "eslint": "^9.3.0",
+    "happy-dom": "^14.12.0",
+    "lint-staged": "^15.2.5",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.5",
     "unbuild": "^2.0.0",
-    "vite": "4.3.8",
-    "vitest": "^0.31.1",
-    "vue": "^3.3.4",
+    "vite": "5.2.12",
+    "vitest": "^1.6.0",
+    "vue": "^3.4.27",
     "yorkie": "^2.0.0"
   },
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
   "pnpm": {
@@ -127,10 +129,2 @@ "peerDependencyRules": {
   },
-  "lint-staged": {
-    "*.js": [
-      "eslint --fix"
-    ],
-    "*.ts?(x)": [
-      "eslint --fix"
-    ]
-  },
   "release-it": {
@@ -137,0 +131,0 @@ "hooks": {

README.md

@@ -7,6 +7,6 @@ # 🤹 @vueuse/motion
 
-**Vue Composables** putting your **components** in **motion**
+Vue Composables putting your components in motion
 
-- 🏎 **Smooth animations** based on [**Popmotion**](https://popmotion.io/)
-- 🎮 **Declarative** API inspired by [**Framer Motion**](https://www.framer.com/motion/)
+- 🏎 **Smooth animations** based on [Popmotion](https://popmotion.io/)
+- 🎮 **Declarative** API inspired by [Framer Motion](https://www.framer.com/motion/)
 - 🚀 **Plug** & **play** with **20+ presets**
@@ -18,11 +18,11 @@ - 🌐 **SSR Ready**
 
-[🌍 **Documentation**](https://motion.vueuse.org)
+[🌍 Documentation](https://motion.vueuse.org)
 
-[👀 **Demos**](https://vueuse-motion-demo.netlify.app)
+[👀 Demos](https://vueuse-motion-demo.netlify.app)
 
 ## Quick Start
 
-Let's **get started** by **installing** the **package** and adding the **plugin**.
+Let's get started by installing the package and adding the plugin.
 
-From your **terminal**:
+From your terminal:
 
@@ -33,3 +33,3 @@ ```bash
 
-In your **Vue** app **entry** file:
+In your Vue app entry file:
 
@@ -48,3 +48,3 @@ ```javascript
 
-You can now **animate** any of your **component**, **HTML** or **SVG** elements using `v-motion`.
+You can now animate any of your component, HTML or SVG elements using `v-motion`.
 
@@ -67,22 +67,22 @@ ```vue
 
-To see more about how to use **directives**, check out [**Directive Usage**](https://motion.vueuse.org/features/directive-usage).
+To see more about how to use directives, check out [Directive Usage](https://motion.vueuse.org/features/directive-usage).
 
-To see more about what **properties** you can **animate**, check out [**Motion Properties**](https://motion.vueuse.org/features/motion-properties).
+To see more about what properties you can animate, check out [Motion Properties](https://motion.vueuse.org/features/motion-properties).
 
-To see more about how to **create** your own **animation** styles, check out [**Transition Properties**](https://motion.vueuse.org/features/transition-properties).
+To see more about how to create your own animation styles, check out [Transition Properties](https://motion.vueuse.org/features/transition-properties).
 
-To see more about what are **variants** and how you can **use** them, check out [**Variants**](https://motion.vueuse.org/features/variants).
+To see more about what are variants and how you can use them, check out [Variants](https://motion.vueuse.org/features/variants).
 
-To see more about how to **control** your declared **variants**, check out [**Motion Instance**](https://motion.vueuse.org/features/motion-instance).
+To see more about how to control your declared variants, check out [Motion Instance](https://motion.vueuse.org/features/motion-instance).
 
 ## Credits
 
-This package is **heavily** inspired by [**Framer Motion**](https://www.framer.com/motion/) by [**https://twitter.com/mattgperry**].
+This package is heavily inspired by [Framer Motion](https://www.framer.com/motion/) by [@mattgperry](https://twitter.com/mattgperry).
 
 If you are interested in using [WAAPI](https://developer.mozilla.org/fr/docs/Web/API/Web_Animations_API), check out [Motion.dev](https://motion.dev/)!
 
-I would also like to **thank** [**antfu**](https://github.com/antfu), [**patak-dev**](https://github.com/patak-dev) and [**kazupon**](https://github.com/kazupon) for their kind help!
+I would also like to thank [antfu](https://github.com/antfu), [patak-dev](https://github.com/patak-dev) and [kazupon](https://github.com/kazupon) for their kind help!
 
-If you **like** this package, consider **following me** on [**GitHub**](https://github.com/Tahul) and on [**Twitter**](https://twitter.com/yaeeelglx).
+If you like this package, consider following me on [GitHub](https://github.com/Tahul) and on [Twitter](https://twitter.com/yaeeelglx).
 
 👋

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

16

decreased by-15.79%

Number of low supply chain risk alerts

2

decreased by-50%

Worsened metrics

Total package byte prevSize

1713406

decreased by-19.8%

Lines of code

10683

decreased by-14.49%

Dependency changes

• Updated@vueuse/core@^10.10.0

• Updated@vueuse/shared@^10.10.0

• Updatedcsstype@^3.1.3