Merge branch 'next'

.changeset/happy-clocks-hug.md

@@ -0,0 +1,19 @@
+---
+'@vintl/vintl': minor
+---
+
+Add more formatting components similar to `react-intl`
+
+- `FormattedDate`, `FormattedDateParts`
+- `FormattedTime`, `FormattedTimeParts`
+- `FormattedDateTimeRange`
+- `FormattedRelativeTime` (static, unlike `react-intl`)
+- `FormattedNumber`, `FormattedNumberParts`
+- `FormattedPlural`
+- `FormattedList`, `FormattedListParts`
+- `FormattedDisplayName`
+- `FormattedMessage`
+
+Since this is a Vue library, they use slots to pass formatted values (otherwise rendering them as is).
+
+`FormattedMessage` is very similar to `IntlFormatted`, but accepts descriptor properties and does not allow to format raw messages.

.changeset/new-turkeys-pump.md

@@ -0,0 +1,27 @@
+---
+'@vintl/vintl': major
+---
+
+Remove deprecated composables
+
+Composables, such as `useI18n`, `useTranslate` and `useFormatters` were previously deprecated with the warning that they will be removed in the next major version. They now get removed as scheduled.
+
+Migration steps:
+
+- Use `useVIntl` everywhere you used `useI18n`, the latter was just an alias for `useVIntl` in previous versions.
+
+- To retrieve translate function previously returned by `useTranslate`, destructure `formatMessage` function from the controller:
+
+  ```js
+  const { formatMessage } = useVIntl
+  ```
+
+  It is bound to the controller and as such is safe to use on its own.
+
+- To retrieve formatters previously returned by `useFormatters`, destructure `formats` property from the controller:
+
+  ```js
+  const { formats } = useVIntl
+  ```
+
+  It is reactively updated object and also safe to use on its own.

.changeset/olive-bugs-visit.md

@@ -0,0 +1,7 @@
+---
+'@vintl/vintl': major
+---
+
+Bump Vue version to 3.3.4
+
+We're now requiring a newer Vue version because we are relying on functionality added in Vue 3.3, such as generic components. Since it's not compatible with previous versions of Vue, this is marked as a breaking change.

.changeset/pre.json

@@ -0,0 +1,8 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "@vintl/vintl": "4.2.0"
+  },
+  "changesets": []
+}

.changeset/tender-zoos-shop.md

@@ -0,0 +1,7 @@
+---
+'@vintl/vintl': minor
+---
+
+Add `useMessages` composable
+
+v5 introduces a new API that allows you to create messages more effectively.

.eslintrc.json

@@ -30,6 +30,7 @@
     "indent": "off",
     "no-useless-constructor": "off",
     "@typescript-eslint/no-useless-constructor": "warn",
+    "vue/one-component-per-file": "off",
     "@typescript-eslint/no-unsafe-declaration-merging": "off"
   },
   "parserOptions": {
@@ -41,7 +42,7 @@
       "parserOptions": { "project": "./tsconfig.build.json" }
     },
     {
-      "files": ["./vitest.config.ts", "./test/*.test.ts"],
+      "files": ["./vitest.config.ts", "./test/**/*.ts", "./test/**/*.tsx"],
       "parserOptions": { "project": "./tsconfig.tests.json" }
     }
   ]

build.config.ts

@@ -57,7 +57,7 @@ export default defineBuildConfig({
       outDir: './dist',
     },
     {
-      input: './src/components',
+      input: './src/components/index',
       name: 'components',
       builder: 'rollup',
       declaration: true,
@@ -79,4 +79,10 @@ export default defineBuildConfig({
     },
   ],
   declaration: true,
+  rollup: {
+    esbuild: {
+      jsx: 'automatic',
+      jsxImportSource: 'vue',
+    },
+  },
 })

package.json

@@ -76,6 +76,7 @@
   "devDependencies": {
     "@changesets/cli": "^2.26.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "@testing-library/vue": "^7.0.0",
     "@types/node": "^18.18.7",
     "@vue/runtime-core": "^3.3.7",
     "del-cli": "^5.1.0",
@@ -86,17 +87,19 @@
     "typescript": "^5.2.2",
     "unbuild": "^2.0.0",
     "vitepress": "1.0.0-rc.24",
-    "vitest": "^0.34.6"
+    "vitest": "^0.34.6",
+    "vue": "^3.3.7"
   },
   "dependencies": {
     "@braw/async-computed": "^5.0.2",
+    "@formatjs/ecma402-abstract": "^1.17.2",
     "@formatjs/icu-messageformat-parser": "^2.7.0",
     "@formatjs/intl": "^2.9.5",
     "@formatjs/intl-localematcher": "^0.4.2",
     "intl-messageformat": "^10.5.4"
   },
   "peerDependencies": {
-    "vue": "^3.2.47"
+    "vue": "^3.3.7"
   },
   "publishConfig": {
     "access": "public"