Add Markdown support and update member features
The commit adds Markdown rendering capabilities and makes several UI/UX improvements across member-related features including profile display, peer support badges, and navigation structure. Includes: - Added @tailwindcss/typography plugin - New Markdown rendering composable - Simplified member navigation links - Enhanced member profile layout and styling - Added peer support badge component - Improved mobile responsiveness - Removed redundant icons and simplified UI
This commit is contained in:
parent
fb02688166
commit
1f7a0f40c0
11 changed files with 375 additions and 432 deletions
15
app/composables/useMarkdown.js
Normal file
15
app/composables/useMarkdown.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import { marked } from 'marked'
|
||||
|
||||
export const useMarkdown = () => {
|
||||
const render = (markdown) => {
|
||||
if (!markdown) return ''
|
||||
return marked(markdown, {
|
||||
breaks: true,
|
||||
gfm: true
|
||||
})
|
||||
}
|
||||
|
||||
return {
|
||||
render
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue