fix errors when building e2e for vue

Author: yuhengshs

examples/vue/src/main.ts

@@ -1,11 +1,22 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
-import AmplifyUIVue from '@aws-amplify/ui-vue';
+import * as AmplifyUIVue from '@aws-amplify/ui-vue';
 import '@aws-amplify/ui-vue/styles.css';
 
 // Create app and register plugins
 const app = createApp(App);
 app.use(router);
-app.use(AmplifyUIVue);
+
+// Register individual components instead of using the plugin
+Object.entries(AmplifyUIVue).forEach(([name, component]) => {
+  if (
+    name !== 'default' &&
+    typeof component === 'object' &&
+    component !== null
+  ) {
+    app.component(name, component);
+  }
+});
+
 app.mount('#app');

examples/vue/src/pages/ui/components/authenticator/sign-up-with-attributes/index.vue

@@ -21,6 +21,9 @@ Amplify.configure(aws_exports);
         placeholder="Zone Info"
         name="zoneinfo"
         :hideLabel="false"
+        :required="true"
+        type="text"
+        :disabled="false"
       />
     </template>
     <template v-slot="{ user, signOut }">

packages/vue/package.json

@@ -29,8 +29,9 @@
   "scripts": {
     "prebuild": "rimraf dist",
     "build": "yarn build:CSS && yarn build:rollup",
+    "postbuild": "rimraf global-spec.d.ts jest.config.d.ts jest.setup.d.ts",
     "build:CSS": "node --loader ts-node/esm scripts/copyCSS.ts",
-    "build:rollup": "rollup --config --environment TS_EXCLUDE:global-spec.ts",
+    "build:rollup": "rollup --config",
     "dev": "yarn build:rollup --watch",
     "clean": "rimraf dist node_modules",
     "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-vue\"'",