github.com/Theta-Dev/Talon@v0.0.0-20211018130634-ff179e19fa9a/ui/menu/src/components/MenuItemPage.svelte (about) 1 <script lang="ts"> 2 import type {TalonPage} from "../util/types" 3 import PageIcon from "./PageIcon.svelte" 4 import MenuItem from "./MenuItem.svelte" 5 6 export let page: TalonPage 7 export let rootPath = "/" 8 export let active = false 9 10 const MAX_TEXT_LEN = 20 11 12 let text: string 13 $: text = 14 page.name.length > MAX_TEXT_LEN 15 ? page.name.substr(0, 20).trim() + "..." 16 : page.name 17 18 </script> 19 20 <MenuItem {active} {text} link={rootPath + page.path}> 21 <PageIcon {page} /> 22 </MenuItem>