Skip to content

docs: #245 remove errant references to isolation mode in getting started guide #246

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thescientist13 merged 1 commit into from
Sep 11, 2025
Merged

docs: #245 remove errant references to isolation mode in getting started guide #246

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 0 additions & 72 deletions src/pages/guides/getting-started/key-concepts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,18 +38,6 @@ Would yield the following routes:

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.

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

```html
<!-- src/index.html -->
<!doctype html>
Expand Down Expand Up @@ -77,18 +65,6 @@ As demonstrated above, we can create an inline `<style>` tag for our page instea

This includes the `<script>` tag for our custom element tag `<app-header>`:

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

```html
<!-- src/pages/index.html -->
<!doctype html>
Expand Down Expand Up @@ -132,18 +108,6 @@ One thing to notice from our _index.html_ example above is that we were includin

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.

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

```html
<!-- src/layouts/app.html -->
<!doctype html>
Expand All @@ -165,18 +129,6 @@ In this case, we can create an _app.html_ which Greenwood will use to wrap all p

And now our _index.html_ can just be this:

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

```html
<!-- src/pages/index.html -->
<html>
Expand Down Expand Up @@ -211,18 +163,6 @@ Although it can be used in HTML files too, frontmatter is a YAML powered set of

So if wanted a layout to specifically wrap our blog posts, we can specify the name of a layout file in our markdown files:

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

<!-- prettier formats the frontmatter fences to ## :/ -->
<!-- prettier-ignore-start -->
```md
Expand All @@ -240,18 +180,6 @@ This is my first post, I hope you like it!

And now we can create a layout just for these particular pages, which themselves will get wrapped by the _app.html_ layout, if applicable.

<!-- prettier-ignore-start -->

<app-ctc-block variant="snippet">

```js
export const isolation = true;
```

</app-ctc-block>

<!-- prettier-ignore-end -->

```html
<!-- src/layouts/blog.html -->
<html>
Expand Down