Remove Vue 2 support and the .extend method

[dwightjack]

Drop Vue 2 support

Vue 2 reached End of Life (EOL) on December 31st, 2023. By dropping Vue 2 compatibility we can deliver a smaller package and make the source code more maintainable.

If you're unable to update to Vue 3, please use [email protected]

Removed VueTypes.extend method

VueTypes.extend was deprecated in v5. In v6 this method has been removed. Please migrate your code to use ES6+ extends feature.

Example:

Using VueTypes.extend (old):

import VueTypes from 'vue-types';

export const VueTypesProject = VueTypes.extend([
  {
    name: 'maxLength',
    type: String,
    validator: (max, v) => v.length <= max,
  },
  {
    name: 'positive',
    getter: true,
    type: Number,
    validator: (v) => v > 0,
  },
])

Using ES6+ extends (new):

import VueTypes, { toType } from 'vue-types'

export class VueTypesProject extends VueTypes {
  static maxLength(max) {
    return toType('maxLength', {
      type: String,
      validator: (v) => String(v).length <= max,
    })
  }

  static get positive() {
    return toType('positive', {
      type: Number,
      validator: (v) => v > 0,
    })
  }
}

Package format review:

• ESM and CJS builds target is ESNext (browsers with support for the latest JavaScript features).
• UMD builds target is ES2016 (aligned with Vue 3 browser support)

If you're using a bundler, you should not encounter any issue.

If you are directly referencing or importing a specific file in the dist or shim folder, you might need to update its path as described in the following table:

Old (v5)	New (v6)
dist/vue-types.m.js	dist/index.mjs
dist/vue-types.modern.js	dist/index.mjs
dist/vue-types.cjs	dist/index.cjs
dist/vue-types.umd.js	dist/index.umd.js
dist/shim.m.js	dist/shim.mjs
dist/shim.modern.js	dist/shim.mjs
dist/shim.cjs	dist/shim.cjs
dist/shim.umd.js	dist/shim.umd.js
shim/index.m.js	dist/shim.mjs
shim/index.modern.js	dist/shim.mjs
shim/index.cjs	dist/shim.cjs
shim/index.umd.js	dist/shim.umd.js

[changeset-bot]

🦋 Changeset detected

Latest commit: c94490e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
vue-types-nuxt	Major
vue-types	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Changesets published the following snapshots:

[email protected]
[email protected]

[cloudflare-workers-and-pages]

Deploying vue-types with    Cloudflare Pages

Latest commit:	c94490e
Status:	✅  Deploy successful!
Preview URL:	https://4e60abb3.vue-types.pages.dev
Branch Preview URL:	https://vue3-only.vue-types.pages.dev

View logs