@vue/shared

What is @vue/shared?

The @vue/shared package is a collection of utility functions used by Vue.js itself and can be leveraged in Vue.js projects or any other project where these utilities might be useful. It includes functions for object manipulation, type checking, and more, aiming to provide a lightweight and efficient set of tools for common programming tasks.

What are @vue/shared's main functionalities?

Type Checking

Provides functions to check the type of a variable, such as whether it is an object, string, function, etc. This is useful for ensuring that variables match expected types before performing operations on them.

import { isObject } from '@vue/shared';
console.log(isObject({})); // true
console.log(isObject(null)); // false

Object Manipulation

Includes functions to manipulate objects, such as extending one object with properties from another. This is useful for merging objects or copying properties.

import { extend } from '@vue/shared';
const obj1 = { a: 1 };
const obj2 = { b: 2 };
extend(obj1, obj2);
console.log(obj1); // { a: 1, b: 2 }

String Capitalization

Provides simple string manipulation functions like capitalizing the first letter of a string. Useful for formatting text.

import { capitalize } from '@vue/shared';
console.log(capitalize('hello')); // 'Hello'

Other packages similar to @vue/shared

lodash

Lodash is a comprehensive utility library offering a wide range of functions for tasks including object manipulation, array manipulation, string manipulation, and more. It's more extensive than @vue/shared but also larger in size, making it more suitable for projects where a wide variety of utility functions are needed.

ramda

Ramda is a functional programming utility library focused on simplicity and immutability. While it shares some functionality with @vue/shared, such as object manipulation, Ramda emphasizes a functional programming approach, offering tools for creating pipelines and composing functions.

README

@vue/shared

Internal utility functions and constants shared across @vue packages.

Changelog

3.5.14 (2025-05-15)

Bug Fixes

• compat: correct deprecation message for v-bind.sync usage (#13137) (466b30f), closes #13133
• compiler-core: remove slot cache from parent renderCache during unmounting (#13215) (5d166f3)
• compiler-sfc: fix scope handling for props destructure in function parameters and catch clauses (8e34357), closes #12790
• compiler-sfc: treat the return value of useTemplateRef as a definite ref (#13197) (8ae1122)
• compiler: fix spelling error in domTagConfig (#13043) (388295b)
• customFormatter: properly accessing ref value during debugger (#12948) (fdbd026)
• hmr/teleport: adjust static children traversal for HMR in dev mode (#12819) (5e37dd0), closes #12816
• hmr: avoid hydration for hmr root reload (#12450) (1f98a9c), closes vitejs/vite-plugin-vue#146 vitejs/vite-plugin-vue#477
• hmr: avoid hydration for hmr updating (#12262) (9c4dbbc), closes #7706 #8170
• reactivity: ensure markRaw objects are not reactive (#12824) (295b5ec), closes #12807
• reactivity: ensure multiple effectScope on() and off() calls maintains correct active scope (22dcbf3), closes #12631 #12632 #12641
• reactivity: should not recompute if computed does not track reactive data (#12341) (0b23fd2), closes #12337
• runtime-core: stop tracking deps in setRef during unmount (#13210) (016c472)
• runtime-core: update __vnode of static nodes when patching along the optimized path (#13223) (b3ecee3)
• runtime-core: inherit comment nodes during block patch in production build (#10748) (6264505), closes #10747 #12650
• runtime-core: prevent unmounted vnode from being inserted during transition leave (#12862) (d6a6ec1), closes #12860
• runtime-core: respect immutability for readonly reactive arrays in v-for (#13091) (3f27c58), closes #13087
• runtime-dom: always treat autocorrect as attribute (#13001) (1499135), closes #5705
• slots: properly warn if slot invoked in setup (#12195) (9196222), closes #12194
• ssr: properly init slots during ssr rendering (#12441) (2206cd2), closes #12438
• transition: fix KeepAlive with transition out-in mode behavior in production (#12468) (343c891), closes #12465
• TransitionGroup: reset prevChildren to prevent memory leak (#13183) (8b848cb), closes #13181
• types: allow return any for Options API lifecycle hooks (#5914) (06310e8)
• types: the directive's modifiers should be optional (#12605) (10e54dc)
• typos: fix comments referencing transformElement.ts (#12551)[ci-skip] (11c053a)

Features

• types: add type TemplateRef (#12645) (636a861)