Auto-import fix

Author: urko94

frontend/auto-imports.d.ts

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { DataTableColumns } from 'naive-ui';
+import { useMessage, type DataTableColumns } from 'naive-ui';
 import { createPublicClient, http } from 'viem';
 import { dateTimeToDate, dateTimeToDateAndTime } from '~/lib/misc/dates';
 import { AirdropStatus, PaginationValues } from '~/lib/values/general.values';
@@ -179,7 +179,7 @@ async function mint(userId: number) {
       message.info('NFT minting has started');
       updateUserStatus(userId, AirdropStatus.TRANSACTION_CREATED);
 
-      const receipt = await Promise.race([
+      const receipt: any = await Promise.race([
         txWait.wait(),
         publicClient.waitForTransactionReceipt({ hash: data.transactionHash }),
       ]);

frontend/components/parts/Table/Users.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useMessage } from 'naive-ui';
 import { isAddress } from 'viem';
 import { AirdropStatus, AirdropMethod } from '~/lib/values/general.values';
 

frontend/components/parts/airdrop/AirdropModal.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useMessage } from 'naive-ui';
 import { createPublicClient, http, isErc6492Signature } from 'viem';
 import SuccessSVG from '~/assets/images/success.svg';
 import { ClaimType } from '~/lib/values/general.values';
@@ -50,7 +51,7 @@ async function claim() {
       txWait.hash.value = data.transactionHash;
       message.info('NFT minting has started');
 
-      const receipt = await Promise.race([
+      const receipt: any = await Promise.race([
         txWait.wait(),
         publicClient.waitForTransactionReceipt({ hash: data.transactionHash }),
       ]);

frontend/components/parts/form/Claim.vue

@@ -26,6 +26,7 @@
 
 <script lang="ts" setup>
 import type { UploadCustomRequestOptions, UploadSettledFileInfo } from 'naive-ui';
+import { useMessage } from 'naive-ui';
 
 const emit = defineEmits(['proceed']);
 const props = defineProps({

frontend/components/parts/form/Upload.vue

@@ -1,5 +1,6 @@
 import { useAccount, useWallet } from '@apillon/wallet-vue';
 import { useConnectorClient } from '@wagmi/vue';
+import { useMessage } from 'naive-ui';
 import type { Address } from 'viem';
 import { createPublicClient, getContract, http, maxUint32 } from 'viem';
 import { abi } from '~/lib/config/abi';

frontend/composables/useClaim.ts

@@ -1,4 +1,4 @@
-import { type MessageRenderMessage, NAlert } from 'naive-ui';
+import { type MessageRenderMessage, NAlert, useMessage } from 'naive-ui';
 import type { RenderMessageProps } from 'naive-ui/es/message/src/types';
 import { apiError } from '~/lib/misc/errors';
 

frontend/composables/useErrors.ts

@@ -1,3 +1,4 @@
+import { useMessage } from 'naive-ui';
 import { AirdropStatus } from '~/lib/values/general.values';
 
 export default function useUser() {

frontend/composables/useUser.ts

@@ -1,4 +1,3 @@
-import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
 import mkcert from 'vite-plugin-mkcert';
 import { moonbaseAlpha } from 'viem/chains';
@@ -48,12 +47,15 @@ export default defineNuxtConfig({
     'pinia-plugin-persistedstate/nuxt',
   ],
 
+  nitro: {
+    prerender: {
+      concurrency: 250,
+      interval: 100,
+    },
+  },
+
   vite: {
     plugins: [
-      AutoImport({
-        imports: [{ 'naive-ui': ['useMessage'] }],
-      }),
-
       Components({ resolvers: [NaiveUiResolver()] }),
       mkcert(),
       nodePolyfills(),

frontend/nuxt.config.ts

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Events } from '@apillon/wallet-sdk';
 import { useWallet } from '@apillon/wallet-vue';
+import { useMessage } from 'naive-ui';
 import { isErc6492Signature } from 'viem';
 import SuccessSVG from '~/assets/images/success.svg';
 import { ClaimType } from '~/lib/values/general.values';