MaximBalaganskiy · March 14, 2022 23:30 · Mar 14, 2022
diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Dumber Gist</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
+  <base href="/">
+</head>
+<!--
+Dumber gist uses dumber bundler, the default bundle file
+is /dist/entry-bundle.js.
+The starting module is pointed to aurelia-bootstrapper
+(data-main attribute on script) for Aurelia,
+The aurelia bootstrapper then loads up user module "main"
+(aurelia-app attribute on <body>) which is your src/main.ts.
+-->
+<body aurelia-app="main">
+  <script src="/dist/entry-bundle.js" data-main="aurelia-bootstrapper"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "aurelia-bootstrapper": "latest"
+  }
+}
diff --git a/src\app.html b/src\app.html
@@ -0,0 +1,20 @@
+<template>
+  <require from="./my-comp"></require>
+
+  Title is empty
+  <br>
+  <my-comp>
+    <div slot="header">Title</div>
+    Text
+  </my-comp>
+
+  <br>
+  <br>
+  Title is not empty:
+  <br>
+  <my-comp>
+    <slot slot="header">Title</slot>
+    Text
+  </my-comp>
+
+</template>
diff --git a/src\app.ts b/src\app.ts
@@ -0,0 +1,3 @@
+export class App {
+  public message: string = 'Hello Aurelia!';
+}
diff --git a/src\cell.html b/src\cell.html
@@ -0,0 +1,3 @@
+<template>
+  Cell: <slot></slot>
+</template>
diff --git a/src\cell.ts b/src\cell.ts
@@ -0,0 +1 @@
+export class Cell{}
diff --git a/src\grid.html b/src\grid.html
@@ -0,0 +1,5 @@
+<template>
+  Grid
+  <br>
+  <slot></slot>
+</template>
diff --git a/src\grid.ts b/src\grid.ts
@@ -0,0 +1 @@
+export class Grid{}
diff --git a/src\main.ts b/src\main.ts
@@ -0,0 +1,8 @@
+import {Aurelia} from 'aurelia-framework';
+
+export function configure(aurelia: Aurelia) {
+  aurelia.use
+    .standardConfiguration()
+    .developmentLogging('info');
+  aurelia.start().then(() => aurelia.setRoot());
+}
diff --git a/src\my-comp.html b/src\my-comp.html
@@ -0,0 +1,14 @@
+<template>
+  <require from="./grid"></require>
+  <require from="./cell"></require>
+
+  <grid>
+    <cell>
+      Header: <slot name="header"></slot>
+    </cell>
+    <br>
+    <cell>
+      Body: <slot></slot>
+    </cell>
+  </grid>
+</template>
diff --git a/src\my-comp.ts b/src\my-comp.ts
@@ -0,0 +1 @@
+export class MyComp {}
No results found