test(ix-component): use vue 3 syntax

This commit updates `imgix-component.spec.ts` to use
`@testing-library/vue`'s new beta syntax. This means renaming
`propsData` to `props`. The commit also updates the Vue app syntax to
use the new Global API from vue 3. For more context on this change see
here: testing-library/vue-testing-library#137

Author: luqven

tests/unit/imgix-component.spec.ts

@@ -1,14 +1,18 @@
+import { createApp } from 'vue';
 import VueImgix, { IxImg } from '@/plugins/vue-imgix';
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/vue';
-import Vue from 'vue';
+import _App from '../../src/App.vue';
 import {
   expectElementToHaveFixedSrcAndSrcSet,
   expectElementToHaveFluidSrcAndSrcSet,
 } from '../helpers/url-assert';
+
+const App = createApp(_App);
+
 describe('imgix component', () => {
   beforeAll(() => {
-    Vue.use(VueImgix, {
+    App.use(VueImgix, {
       domain: 'assets.imgix.net',
     });
   });
@@ -25,7 +29,7 @@ describe('imgix component', () => {
   });
   it(`the rendered img's src should be set`, () => {
     const wrapper = render(IxImg, {
-      propsData: {
+      props: {
         src: 'examples/pione.jpg',
         dataTestId: 'img-rendering',
       },
@@ -38,7 +42,7 @@ describe('imgix component', () => {
   });
   it(`the rendered img's srcset should be set correctly`, () => {
     const wrapper = render(IxImg, {
-      propsData: {
+      props: {
         src: 'examples/pione.jpg',
         dataTestId: 'img-rendering',
       },
@@ -198,14 +202,14 @@ describe('imgix component', () => {
       };
       const ImgixClient = require('@imgix/js-core');
       ImgixClient.mockImplementation(() => mockImgixClient);
-      _Vue.use(_VueImgix, {
+      _App.use(_VueImgix, {
         domain: 'assets.imgix.net',
       });
       /* eslint-enable @typescript-eslint/no-var-requires */
     });
     it('should not pass disableVariableQuality: true to @imgix/js-core by default', () => {
       render(_IxImg, {
-        propsData: {
+        props: {
           src: 'examples/pione.jpg',
           height: 100,
           fixed: true,
@@ -222,7 +226,7 @@ describe('imgix component', () => {
     });
     it('should pass disableVariableQuality: true to @imgix/js-core when disableVariableQuality prop set', () => {
       render(_IxImg, {
-        propsData: {
+        props: {
           src: 'examples/pione.jpg',
           height: 100,
           disableVariableQuality: true,