11<script lang =" ts" >
22 // import Tome from '@ryanatkn/fuz/Tome.svelte';
33 // import LibraryItem from '@ryanatkn/fuz/LibraryItem.svelte';
4- // import Library_Vocab from '@ryanatkn/fuz/Library_Vocab .svelte';
5- import Library_Vocab from ' $routes/Library_Vocab .svelte' ;
4+ // import Library_Tome_Link from '@ryanatkn/fuz/Library_Tome_Link .svelte';
5+ import Library_Tome_Link from ' $routes/Library_Tome_Link .svelte' ;
66 import Code from ' $lib/Code.svelte' ;
77
88 // TODO what convention? `LibraryTome`? Maybe just `Tome`? `/tomes`? both? what other options?
1515 <section >
1616 <p >
1717 The
18- <Library _Vocab name =" Code" />
18+ <Library _Tome_Link name =" Code" />
1919 component supports syntax highlighting with
2020 <a href =" https://prismjs.com/" >Prism</a > (<a href =" https://github.com/PrismJS/prism" >repo</a
2121 >).
@@ -31,7 +31,7 @@ import '@ryanatkn/fuz/theme.css'; // or your own
3131// add this:
3232import '@ryanatkn/fuz_code/prism.css'; // add this"
3333 />
34- <p >then use <Library _Vocab name =" Code" />:</p >
34+ <p >then use <Library _Tome_Link name =" Code" />:</p >
3535 <Code
3636 content ={' <!-- Something.svelte -->\n <' +
3737 ` script>\n\t import Code from '@ryanatkn/fuz_code/Code.svelte';\n </script>\n\n <Code content="<header>hello world</header>" /> ` }
@@ -48,7 +48,7 @@ import '@ryanatkn/fuz_code/prism.css'; // add this"
4848 </section >
4949 <section >
5050 <p >
51- <Library _Vocab name =" Code" /> highlights
51+ <Library _Tome_Link name =" Code" /> highlights
5252 <a href =" https://svelte.dev/" >Svelte</a >
5353 by default:
5454 </p >
@@ -72,7 +72,7 @@ import '@ryanatkn/fuz_code/prism.css'; // add this"
7272 </section >
7373 <section >
7474 <p >
75- <Library _Vocab name =" Code" /> supports TypeScript with <code >lang="ts"</code >:
75+ <Library _Tome_Link name =" Code" /> supports TypeScript with <code >lang="ts"</code >:
7676 </p >
7777 <div class =" spaced" >
7878 <Code content ={` <Code lang="ts" content="export type A<T> = ('b' | 3) & T;" /> ` } />
@@ -92,14 +92,14 @@ import '@ryanatkn/fuz_code/prism.css'; // add this"
9292 </section >
9393 <section >
9494 <p >
95- <Library _Vocab name =" Code" /> is a block by default:
95+ <Library _Tome_Link name =" Code" /> is a block by default:
9696 </p >
9797 <p >ab<Code content =" c" /></p >
9898 <Code content ={' <p>ab<Code content="c" /></p>' } />
9999 </section >
100100 <section >
101101 <p >
102- <Library _Vocab name =" Code" /> can be inlined with <Code
102+ <Library _Tome_Link name =" Code" /> can be inlined with <Code
103103 inline
104104 content ={` <Code inline content="..." /> ` }
105105 />
@@ -144,7 +144,7 @@ export default config;`}
144144<style >
145145 section {
146146 /* TODO not sure about this -- maybe make it a util class? or a component? */
147- padding : var (--spacing_2 );
147+ padding : var (--space_2xl );
148148 display : flex ;
149149 flex-direction : column ;
150150 }
0 commit comments