You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/pages/guides/getting-started/key-concepts.md
-72Lines changed: 0 additions & 72 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,18 +38,6 @@ Would yield the following routes:
38
38
39
39
For the sake of this guide, pages can just be HTML, using just... normal HTML! You can include any `<script>`, `<style>`, `<link>`, etc tags you need.
40
40
41
-
<!-- prettier-ignore-start -->
42
-
43
-
<app-ctc-blockvariant="snippet">
44
-
45
-
```js
46
-
exportconstisolation=true;
47
-
```
48
-
49
-
</app-ctc-block>
50
-
51
-
<!-- prettier-ignore-end -->
52
-
53
41
```html
54
42
<!-- src/index.html -->
55
43
<!doctype html>
@@ -77,18 +65,6 @@ As demonstrated above, we can create an inline `<style>` tag for our page instea
77
65
78
66
This includes the `<script>` tag for our custom element tag `<app-header>`:
79
67
80
-
<!-- prettier-ignore-start -->
81
-
82
-
<app-ctc-blockvariant="snippet">
83
-
84
-
```js
85
-
exportconstisolation=true;
86
-
```
87
-
88
-
</app-ctc-block>
89
-
90
-
<!-- prettier-ignore-end -->
91
-
92
68
```html
93
69
<!-- src/pages/index.html -->
94
70
<!doctype html>
@@ -132,18 +108,6 @@ One thing to notice from our _index.html_ example above is that we were includin
132
108
133
109
In this case, we can create an _app.html_ which Greenwood will use to wrap all pages. We can use `<page-outlet></page-outlet>` to specify where we want the content's of each page to appear.
134
110
135
-
<!-- prettier-ignore-start -->
136
-
137
-
<app-ctc-blockvariant="snippet">
138
-
139
-
```js
140
-
exportconstisolation=true;
141
-
```
142
-
143
-
</app-ctc-block>
144
-
145
-
<!-- prettier-ignore-end -->
146
-
147
111
```html
148
112
<!-- src/layouts/app.html -->
149
113
<!doctype html>
@@ -165,18 +129,6 @@ In this case, we can create an _app.html_ which Greenwood will use to wrap all p
165
129
166
130
And now our _index.html_ can just be this:
167
131
168
-
<!-- prettier-ignore-start -->
169
-
170
-
<app-ctc-blockvariant="snippet">
171
-
172
-
```js
173
-
exportconstisolation=true;
174
-
```
175
-
176
-
</app-ctc-block>
177
-
178
-
<!-- prettier-ignore-end -->
179
-
180
132
```html
181
133
<!-- src/pages/index.html -->
182
134
<html>
@@ -211,18 +163,6 @@ Although it can be used in HTML files too, frontmatter is a YAML powered set of
211
163
212
164
So if wanted a layout to specifically wrap our blog posts, we can specify the name of a layout file in our markdown files:
213
165
214
-
<!-- prettier-ignore-start -->
215
-
216
-
<app-ctc-blockvariant="snippet">
217
-
218
-
```js
219
-
exportconstisolation=true;
220
-
```
221
-
222
-
</app-ctc-block>
223
-
224
-
<!-- prettier-ignore-end -->
225
-
226
166
<!-- prettier formats the frontmatter fences to ## :/ -->
227
167
<!-- prettier-ignore-start -->
228
168
```md
@@ -240,18 +180,6 @@ This is my first post, I hope you like it!
240
180
241
181
And now we can create a layout just for these particular pages, which themselves will get wrapped by the _app.html_ layout, if applicable.
0 commit comments