brutalism design

new-client/src/widgets/channel-list/ui/ChannelList.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="channel-list">
+    <ul class="channel-list__list">
+      <ChannelItem v-for="channel in channels" :key="channel.id" :channel="channel" />
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { qChannelList } from '../api/qChannelList.ts'
+import ChannelItem from './ChannelItem.vue'
+
+const { data: channels } = qChannelList()
+</script>
+
+<style lang="scss">
+.channel-list {
+  > *:not(:last-child) {
+    margin-bottom: var(--space-6);
+  }
+}
+</style>