komga/next-ui/src/components
2026-03-30 17:18:05 +08:00
..
announcement upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
apikey use rules composable for standard rules 2026-03-30 17:18:05 +08:00
book selection with shift-click 2026-03-30 17:18:04 +08:00
dialog use rules composable for standard rules 2026-03-30 17:18:05 +08:00
filter infinite scroll 2026-03-30 17:18:05 +08:00
history sort option initial work 2026-03-30 17:18:05 +08:00
import use rules composable for standard rules 2026-03-30 17:18:05 +08:00
item upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
layout/app upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
library use rules composable for standard rules 2026-03-30 17:18:05 +08:00
pageHash sort option initial work 2026-03-30 17:18:05 +08:00
release upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
selection selection bar color 2026-03-30 17:18:05 +08:00
series selection with shift-click 2026-03-30 17:18:04 +08:00
server use rules composable for standard rules 2026-03-30 17:18:05 +08:00
sort add sort 2026-03-30 17:18:05 +08:00
user use rules composable for standard rules 2026-03-30 17:18:05 +08:00
AppFooter.vue upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
BuildCommit.mdx remove fragments and use only components 2026-03-30 17:18:02 +08:00
BuildCommit.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
BuildCommit.vue upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
BuildVersion.mdx remove fragments and use only components 2026-03-30 17:18:02 +08:00
BuildVersion.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
BuildVersion.vue upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
EmptyStateConstruction.vue add under construction empty state 2026-03-30 17:18:03 +08:00
EmptyStateNetworkError.vue refactor empty state for network connection 2026-03-30 17:18:01 +08:00
FormattedMessage.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
FormattedMessage.ts fix types 2026-03-30 17:18:00 +08:00
HelloWorld.vue upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
LocaleSelector.mdx remove fragments and use only components 2026-03-30 17:18:02 +08:00
LocaleSelector.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
LocaleSelector.vue filter by read status and other stuff 2026-03-30 17:18:05 +08:00
PageSizeSelector.mdx selectors 2026-03-30 17:18:03 +08:00
PageSizeSelector.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
PageSizeSelector.vue filter by read status and other stuff 2026-03-30 17:18:05 +08:00
PagingSelector.stories.ts infinite scroll 2026-03-30 17:18:05 +08:00
PagingSelector.vue infinite scroll 2026-03-30 17:18:05 +08:00
PosterSizeSlider.vue infinite scroll 2026-03-30 17:18:05 +08:00
PresentationSelector.stories.ts presentation selector support toggle 2026-03-30 17:18:04 +08:00
PresentationSelector.vue filter by read status and other stuff 2026-03-30 17:18:05 +08:00
README.md use directory terminology instead of folder 2026-03-30 17:18:01 +08:00
RemoteFileList.mdx remove fragments and use only components 2026-03-30 17:18:02 +08:00
RemoteFileList.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
RemoteFileList.vue upgrade to vuetify 4 2026-03-30 17:18:05 +08:00
SnackQueue.mdx remove fragments and use only components 2026-03-30 17:18:02 +08:00
SnackQueue.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
SnackQueue.vue remove fragments and use only components 2026-03-30 17:18:02 +08:00
TempDrawer.vue filter by read status and other stuff 2026-03-30 17:18:05 +08:00
ThemeSelector.stories.ts storybook autodocs 2026-03-30 17:18:03 +08:00
ThemeSelector.vue filter by read status and other stuff 2026-03-30 17:18:05 +08:00

Components

Vue template files in this directory are automatically imported.

🚀 Usage

Importing is handled by unplugin-vue-components. This plugin automatically imports .vue files created in the src/components directory, and registers them as global components. This means that you can use any component in your application without having to manually import it.

The following example assumes a component located at src/components/MyComponent.vue:

<template>
    <div>
        <MyComponent />
    </div>
</template>

<script lang="ts" setup>
//
</script>

When your template is rendered, the component's import will automatically be inlined, which renders to this:

<template>
    <div>
        <MyComponent />
    </div>
</template>

<script lang="ts" setup>
import MyComponent from '@/components/MyComponent.vue'
</script>