vue3 withDefaults

Vue 3 introduces a new API called `withDefaults` that allows you to create customized versions of Vue's global configuration. It is useful when you want to create multiple instances of Vue with the same custom configuration.

Here's an example usage of `withDefaults`:

import { createApp, withDefaults } from 'vue';

// Create a customized version of Vue with default options
const MyVue = withDefaults(createApp, {
  // Custom options go here
  // For example, you can configure the global component registration behavior
  globalProperties: {
    $myCustomProperty: 'Hello, Vue!'
  }
});

// Use the customized version of Vue to create your app
const app = MyVue();

// Now you can access the custom property in your components
console.log(app.config.globalProperties.$myCustomProperty); // Output: "Hello, Vue!"

In this example, we use `withDefaults` to create a customized version of `createApp` with a custom global property called `$myCustomProperty`. We then use this customized version to create our Vue app and access the custom property in our components.

Note that `withDefaults` returns a new function that can be used to create app instances, so make sure to store it in a variable (in this case `MyVue`) and use it to create your app.