Skip to content

AdaptiveChannelSidebar

A Vue component.

File: src/components/common/AdaptiveChannelSidebar.vue

Overview

Props

NameTypeDefaultRequiredDescription
modeunion'chat'No description
currentServerServerundefinedNo description
channelsArray() => []No description
currentChannelIdstring''No description
categoriesArray() => []No description
categoryChannelsRecord() => ({})No description
isDMbooleanfalseNo description
followingCountnumber0No description
followersCountnumber0No description
instanceDomainstringimport.meta.env.VITE_DOMAIN as stringNo description
instanceUserCountnumber0No description
instancePostCountnumber0No description

Props Details

mode

No description available.

  • Type: union
  • Required: Yes
  • Default: 'chat'

currentServer

No description available.

  • Type: Server
  • Required: No
  • Default: undefined

channels

No description available.

  • Type: Array
  • Required: Yes
  • Default: () => []

currentChannelId

No description available.

  • Type: string
  • Required: No
  • Default: ''

categories

No description available.

  • Type: Array
  • Required: Yes
  • Default: () => []

categoryChannels

No description available.

  • Type: Record
  • Required: Yes
  • Default: () => ({})

isDM

No description available.

  • Type: boolean
  • Required: No
  • Default: false

followingCount

No description available.

  • Type: number
  • Required: No
  • Default: 0

followersCount

No description available.

  • Type: number
  • Required: No
  • Default: 0

instanceDomain

No description available.

  • Type: string
  • Required: No
  • Default: import.meta.env.VITE_DOMAIN as string

instanceUserCount

No description available.

  • Type: number
  • Required: No
  • Default: 0

instancePostCount

No description available.

  • Type: number
  • Required: No
  • Default: 0

Events

NameParametersDescription
channel-selectedstringNo description
create-channelstringNo description
conversation-selectedstringNo description
profile-clickunknownNo description
switch-modeunionNo description
compose-postunknownNo description

Event Details

channel-selected

No description available.

Parameters: string

create-channel

No description available.

Parameters: string

conversation-selected

No description available.

Parameters: string

profile-click

No description available.

Parameters: unknown

switch-mode

No description available.

Parameters: union

compose-post

No description available.

Parameters: unknown

Slots

This component has no slots.

Methods

This component exposes no public methods.

Usage Example

vue
<template>
  <AdaptiveChannelSidebar
    :mode="'chat'"
    :channels="[]"
    :categories="[]"
    :categoryChannels="() => ({})"
    @channel-selected="handleChannelSelected"
    @create-channel="handleCreateChannel"
    @conversation-selected="handleConversationSelected"
    @profile-click="handleProfileClick"
    @switch-mode="handleSwitchMode"
    @compose-post="handleComposePost" />
</template>

<script setup lang="ts">
const handleChannelSelected = (data: string) => {
  // Handle channel-selected event
}

const handleCreateChannel = (data: string) => {
  // Handle create-channel event
}

const handleConversationSelected = (data: string) => {
  // Handle conversation-selected event
}

const handleProfileClick = (data: unknown) => {
  // Handle profile-click event
}

const handleSwitchMode = (data: union) => {
  // Handle switch-mode event
}

const handleComposePost = (data: unknown) => {
  // Handle compose-post event
}
</script>

File Location

src/components/common/AdaptiveChannelSidebar.vue


This documentation was automatically generated from the component source code.

Released under the AGPL-3.0 License.