Skip to content

Commit

Permalink
chore(app)
Browse files Browse the repository at this point in the history
  • Loading branch information
MaximBalaganskiy committed Jan 28, 2024
1 parent f36f775 commit 4fc9251
Showing 1 changed file with 14 additions and 2 deletions.
16 changes: 14 additions & 2 deletions packages/app/src/views/getting-started/getting-started.html
Original file line number Diff line number Diff line change
Expand Up @@ -37,19 +37,31 @@ <h2 class="demo-panel-heading">Material Icons</h2>
<h2 class="demo-panel-heading">SVGs</h2>
Some components, such as the circular-progress require the SVGAnalyzer from Aurelia to be included and regsiterd in your Aurelia 2 Application.
To do so add the following to your <code mdc-subtitle2>main.ts/js</code> file.

<hljs language="javascript">
import { SVGAnalyzer } from '@aurelia/runtime-html';
.register(SVGAnalyzer);
</hljs>

<h2 class="demo-panel-heading">Sample index.html</h2>
Here's an example <code mdc-subtitle2>index.html</code> demonstrating Roboto Font applied to the body element with
<code mdc-subtitle2>mdc-typography</code>.
<hljs language="html">${indexHtml}</hljs>


<h1>This is super important! Please don't skip!</h1>

<h2 class="demo-panel-heading">Aurelia Webpack Loader</h2>
It is important to setup a Webpack rule to load custom elements templates using the Aurelia Webpack Loader.
Add the following to your <code mdc-subtitle2>webpack.config.js</code>:
<hljs language="javascript">
module: {
rules: [
{ test: /@aurelia-mdc-web.*\.html$/i, use: '@aurelia/webpack-loader' },
]
},
</hljs>

<h2 class="demo-panel-heading">MDC Sass modules - Webpack</h2>
In your <code mdc-subtitle2>webpack.config.js</code>, make sure <code mdc-subtitle2>node_modules/</code> is listed
as a Sass include path. This is needed for the Sass compiler to be able to find the MDC Web Sass files.
Expand Down

0 comments on commit 4fc9251

Please sign in to comment.