Storybookに何も表示されない問題を解決したいです

Question

前提・実現したいこと

Nuxt.jsプロジェクトにStorybookを導入を試みています。
Storybookをローカルマシン上で起動させることはできているのですが、
記述したStoryファイルの内容が表記されていない状態です。

こちらを表示させるために追加で必要な実装をご教授いただきたいです。

該当のソースコード

以下のVueおよびStoryを追加しています。

index.vue

<template>
  <nuxt-link to="https://nuxtjs.org">
    NuxtJs
  </nuxt-link>
</template>

<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'

@Component({})
export default class TestComponent extends Vue {}
</script>

index.stories.ts

import Test from './index.vue'

export default {
  component: Test,
  title: 'Components/Test'
}

export const Component = () => ({
  components: { Test },
  template: '<Test />'
})

また、./storybook/config.jsでStoryファイルを読み込ませています。

import { configure } from '@storybook/vue';

const req = require.context('../components', true, /.stories.ts$/);
function loadStories() {
  req.keys().forEach(filename => {
    return req(filename)
  });
}

configure(loadStories, module);

補足情報（FW/ツールのバージョンなど）

環境：Ubuntu20.04

実際のリポジトリを共有させていただきます。お手数ですがご確認よろしくお願いいたします。
https://github.com/jpskgc/nuxt-sample/tree/storybook-error

Answer 1

.storybook/config.jsの代わりに.storybook/main.jsを追加したところ解決しました

module.exports = {
  stories: ['../components/**/*.stories.ts'],
};

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-configure