Merge pull request #17 from Web3Auth/feat/update-imports

fix vue/component imports
Web3Auth · Feb 7, 2024 · 7828584 · 7828584
2 parents 289a2cc + 63011c5
commit 7828584
Show file tree

Hide file tree

Showing 10 changed files with 39 additions and 15 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Loader } from '@toruslabs/vue-components'
+import { Loader } from '@toruslabs/vue-components/Loader'
 
 import Navbar from '@/components/Navbar'
 import { onBeforeMount, ref } from 'vue'

diff --git a/src/components/CardHeading/CardHeading.vue b/src/components/CardHeading/CardHeading.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { Button, Divider, Icon } from '@toruslabs/vue-components'
+import { Button } from '@toruslabs/vue-components/Button'
+import { Divider } from '@toruslabs/vue-components/Divider'
+import { Icon } from '@toruslabs/vue-components/Icon'
 
 withDefaults(
   defineProps<{

diff --git a/src/components/LoginDetails/LoginDetails.vue b/src/components/LoginDetails/LoginDetails.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 
-import { Avatar, Card, Icon, Button, Drawer } from '@toruslabs/vue-components'
+import { Avatar } from '@toruslabs/vue-components/Avatar'
+import { Icon } from '@toruslabs/vue-components/Icon'
+import { Button } from '@toruslabs/vue-components/Button'
+import { Drawer } from '@toruslabs/vue-components/Drawer'
 import { getCountryName, getBrowserName, getOSName, getTruncateString } from '@/utils/common'
 
 import CardHeading from '../CardHeading'

diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { STEP_DETAILS } from '@/constants/common'
 import { useWeb3authStore } from '@/store/web3authStore'
-import { Button, Icon } from '@toruslabs/vue-components'
+import { Button } from '@toruslabs/vue-components/Button'
+import { Icon } from '@toruslabs/vue-components/Icon'
 import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 

diff --git a/src/components/OpenloginDetails/OpenloginDetails.vue b/src/components/OpenloginDetails/OpenloginDetails.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { computed, onBeforeMount, ref } from 'vue'
 
-import { Button, Card, Divider, Icon } from '@toruslabs/vue-components'
+import { Button } from '@toruslabs/vue-components/Button'
+import { Card } from '@toruslabs/vue-components/Card'
+import { Divider } from '@toruslabs/vue-components/Divider'
+import { Icon } from '@toruslabs/vue-components/Icon'
 
 import CardHeading from '../CardHeading'
 import { getBrowserName, getBrowserVersion } from '@/utils/common'
@@ -96,7 +99,9 @@ const enableMfa = () => {
         v-if="isMfaEnabled"
         class="flex flex-col md:grid grid-cols-3 items-center md:items-stretch justify-between gap-6 w-full pt-8"
       >
-        <Card class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto">
+        <Card
+          class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto"
+        >
           <img src="@/assets/images/op-1.svg" class="h-16 w-16" />
           <h4
             class="leading-tight text-app-gray-900 text-base lg:text-lg font-semibold mt-5 text-center"
@@ -115,7 +120,9 @@ const enableMfa = () => {
             <p class="w-full truncate">{{ userInfo?.email || userInfo?.name }}</p>
           </div>
         </Card>
-        <Card class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto">
+        <Card
+          class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto"
+        >
           <img src="@/assets/images/op-2.svg" class="h-16 w-16" />
           <h4
             class="leading-tight text-app-gray-900 text-base lg:text-lg font-semibold mt-5 text-center"
@@ -129,7 +136,9 @@ const enableMfa = () => {
             <p class="w-full truncate">{{ browserName }} {{ browserVersion }}</p>
           </div>
         </Card>
-        <Card class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto">
+        <Card
+          class="flex flex-col flex-1 p-6 !rounded-2xl !shadow-none items-center w-full max-w-[240px] mx-auto"
+        >
           <img src="@/assets/images/op-3.svg" class="h-16 w-16" />
           <h4
             class="leading-tight text-app-gray-900 text-base lg:text-lg font-semibold mt-5 text-center"

diff --git a/src/components/TopupDetails/TopupDetails.vue b/src/components/TopupDetails/TopupDetails.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { Card, Icon, Button } from '@toruslabs/vue-components'
+import { Card } from '@toruslabs/vue-components/Card'
+import { Icon } from '@toruslabs/vue-components/Icon'
+import { Button } from '@toruslabs/vue-components/Button'
 import CardHeading from '../CardHeading'
 import { useWeb3authStore } from '@/store/web3authStore'
 

diff --git a/src/components/WalletConnectDetails/WalletConnectDetails.vue b/src/components/WalletConnectDetails/WalletConnectDetails.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { Card, Icon, Button } from '@toruslabs/vue-components'
+import { Card } from '@toruslabs/vue-components/Card'
+import { Icon } from '@toruslabs/vue-components/Icon'
+import { Button } from '@toruslabs/vue-components/Button'
 import CardHeading from '../CardHeading'
 import { useWeb3authStore } from '@/store/web3authStore'
 

diff --git a/src/components/WalletServiceDetails/WalletServiceDetails.vue b/src/components/WalletServiceDetails/WalletServiceDetails.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Icon, Button } from '@toruslabs/vue-components'
+import { Icon } from '@toruslabs/vue-components/Icon'
+import { Button } from '@toruslabs/vue-components/Button'
 
 import CardHeading from '../CardHeading'
 

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { Icon, Card } from '@toruslabs/vue-components'
+import { Icon } from '@toruslabs/vue-components/Icon'
+import { Card } from '@toruslabs/vue-components/Card'
 import Steps from '@/components/Steps'
 import { ROUTES } from '@/constants/common'
 import { useWeb3authStore } from '@/store/web3authStore'
-import { computed, onMounted, ref, watch } from 'vue'
+import { computed, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const web3Auth = useWeb3authStore()
@@ -42,7 +43,10 @@ onMounted(() => {
       <Card class="hidden xl:block !rounded-2xl">
         <Steps class="bg-white p-6" />
       </Card>
-      <Card v-if="!isSteps" :class="[`flex-1 !rounded-2xl px-6 py-6 md:px-10 md:py-8`, isSteps ? 'hidden xl:flex' : '']">
+      <Card
+        v-if="!isSteps"
+        :class="[`flex-1 !rounded-2xl px-6 py-6 md:px-10 md:py-8`, isSteps ? 'hidden xl:flex' : '']"
+      >
         <router-view />
       </Card>
       <router-view v-if="isSteps" class="xl:hidden" />

diff --git a/src/views/Login.vue b/src/views/Login.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from '@toruslabs/vue-components'
+import { Button } from '@toruslabs/vue-components/Button'
 import { useWeb3authStore } from '../store/web3authStore'
 import { onMounted } from 'vue'