fix(front): [WIP] use finished Pills list

front/src/components/audio/ChannelForm.vue

@@ -47,7 +47,8 @@ const newValues = reactive({
 })
 
 const tagList = computed(() => ({
-  custom: newValues.tags
+  currents: newValues.tags.map(tag => ({ type: 'custom' as const, label: tag })),
+  others: [].map(tag => ({ type: 'custom' as const, label: tag }))
 }))
 
 const creating = computed(() => props.object === null)

front/src/components/library/Albums.vue

@@ -50,8 +50,8 @@ const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 
 const tagList = ref({
-  current: [],
+  currents: [].map(tag => ({ type: 'custom' as const, label: tag })),
-  others: tags.value
+  others: tags.value.map(tag => ({ type: 'custom' as const, label: tag }))
 })
 
 const q = useRouteQuery('query', '')

front/src/components/library/Artists.vue

@@ -49,8 +49,8 @@ const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 
 const tagList = computed(() => ({
-  current: [],
+  currents: [].map(tag => ({ type: 'custom' as const, label: tag })),
-  others: tags.value
+  others: tags.value.map(tag => ({ type: 'custom' as const, label: tag }))
 }))
 
 const q = useRouteQuery('query', '')

front/src/components/library/Podcasts.vue

@@ -51,8 +51,8 @@ const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 
 const tagList = computed(() => ({
-  current: [],
+  current: [].map(tag => ({ type: 'custom' as const, label: tag })),
-  others: tags.value
+  others: tags.value.map(tag => ({ type: 'custom' as const, label: tag }))
 }))
 
 const q = useRouteQuery('query', '')

front/src/views/channels/List.vue

@@ -78,8 +78,8 @@ const createForm = ref()
 const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 const tagList = computed(() => ({
-  current: [],
+  currents: [].map(tag => ({ type: 'custom' as const, label: tag })),
-  others: tags.value
+  others: tags.value.map(tag => ({ type: 'custom' as const, label: tag }))
 }))
 
 const { onOrderingUpdate, orderingString, paginateBy, ordering, orderingDirection } = useOrdering(props)