Error with Nuxt 3.16

[MickL]

Just upgrade to Nuxt 3.16, now getting an error:

[plugin:vite:import-analysis] Failed to resolve import "@algolia/requester-node-http" from "../../node_modules/@nuxtjs/algolia/dist/runtime/composables/useAsyncAlgoliaSearch.mjs?v=976600de". Does the file exist?

Version

@nuxtjs/algolia: 1.10.2
nuxt: 3.16.0

[MickL]

I tried to update dependencies but I get so many errors:

src/module.ts(123,5): error TS2578: Unused '@ts-expect-error' directive.

After removing this line I get:

src/types.ts(3,63): error TS2307: Cannot find module '@docsearch/react/dist/esm/types' or its corresponding type declarations.

After changing the import to @docsearch/react I get:

src/types.ts(976,7): error TS2503: Cannot find namespace 'JSX'.

When changing JSX to any it finally builds, but I still get the same error, fork:

https://github.com/MickL/algolia/tree/nuxt-3.16

@Baroshem is this project still maintained? If yes could you take a look please?

[MickL]

For anyone coming here, I ended up ditching @nuxtjs/algolia in favor of just adding algoliasearch myself because this project doesnt seem to be maintained anymore, and adding it myself also gives me more flexibility. Here is all of the code:

bun install algoliasearch

nuxt.config.ts

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      algoliaApiKey: '',
      algoliaApplicationId: '',
    }
  }
  // ...

composables/use-algolia.ts

import { type LiteClient, liteClient } from 'algoliasearch/lite';
import { createFetchRequester } from '@algolia/requester-fetch';

let client: LiteClient;

export const useAlgolia = () => {
  if (!client) {
    const { algoliaApplicationId, algoliaApiKey } = useRuntimeConfig().public;

    client = liteClient(algoliaApplicationId, algoliaApiKey, {
      requester: createFetchRequester(),
    });
  }

  return client;
};

And then you can use it with useAsyncData for SSR, and the options are the same as with @nuxtjs/algolia and can be found in the Algolia docs, e.g.:

const algoliaClient = useAlgolia();
const { data } = await useAsyncData('recommend-result', () =>
  algoliaClient.getRecommendations({
    requests: [
      {
        indexName: 'products',
        model: 'related-products',
        objectID: String(props.productId),
        threshold: 0,
        maxRecommendations: 16,
      },
    ],
  }),
);

[agracia-foticos]

Same issue

[agracia-foticos]

https://stackblitz.com/edit/nuxt-starter-t7nnp5x2 reproduction environment

[Baroshem]

Hey, I have just released a new version 1.11.2 where I fixed the problems with imports. Tested it on a fresh nuxt 3.16 project and it seems to be working properly :)

[adamrgrade]

@Baroshem I don't see a new release posted, looks like maybe the build failed on your release merge?

EDIT - though I can yarn add @nuxtjs/algolia@^1.11.2 to my project, and it seems to be fixed/working again, thanks!

[chrisspiegl]

Thank you for the fix, I updated my project and it appears to be working again. 🚀

Will the release tag & changelog on GitHub be updated as well?

[Baroshem]

Yes correct. Forgot to add that. Will do that in a sec! :)