docs(internationalization): correct example for overriding i18n strings (#22129)

Author: Bertware

packages/docs/src/pages/en/features/internationalization.md

@@ -173,7 +173,7 @@ If you are building custom Vuetify components that need to hook into the locale
 
 ## vue-i18n
 
-If you are using the vue-i18n library, you can very easily integrate it with Vuetify. This allows you to keep all of your translations in one place. Simply create an entry for $vuetify within your messages and add the corresponding language changes. Then hook up vue-i18n to Vuetify by using the provided adapter function (as seen in the example below).
+If you are using the vue-i18n library, you can very easily integrate it with Vuetify. This allows you to keep all of your translations in one place. Simply use the spread operator to import the existing Vuetify messages and add the corresponding language changes. Then hook up vue-i18n to Vuetify by using the provided adapter function (as seen in the example below).
 
 ```js { resource="src/main.js" }
 import { createApp } from 'vue'
@@ -184,21 +184,19 @@ import { en, sv } from 'vuetify/locale'
 
 const messages = {
   en: {
-    $vuetify: {
-      ...en,
-      dataIterator: {
-        rowsPerPageText: 'Items per page:',
-        pageText: '{0}-{1} of {2}',
-      },
+    ...en,
+    dataFooter: {
+      ...en.dataFooter,
+      itemsPerPageText: 'Items per page:',
+      pageText: '{0}-{1} of {2}',
     },
   },
   sv: {
-    $vuetify: {
-      ...sv,
-      dataIterator: {
-        rowsPerPageText: 'Element per sida:',
-        pageText: '{0}-{1} av {2}',
-      },
+    ...sv,
+    dataFooter: {
+      ...sv.dataFooter,
+      itemsPerPageText: 'Element per sida:',
+      pageText: '{0}-{1} av {2}',
     },
   },
 }