Merge branch 'main' into svg-tutorial

Author: taylor-vann

packages/lit-dev-content/samples/tutorials/intro-to-lit/00/after/my-element.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('my-element')
-class MyElement extends LitElement {
+export class MyElement extends LitElement {
   @property()
   version = 'COMPLETED';
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/00/before/my-element.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('my-element')
-class MyElement extends LitElement {
+export class MyElement extends LitElement {
   @property()
   version = 'STARTING';
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/01/after/my-element.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 @customElement('my-element')
-class MyElement extends LitElement {
+export class MyElement extends LitElement {
   render() {
     return html`
       <p>Hello world! From my-element.</p>

packages/lit-dev-content/samples/tutorials/intro-to-lit/01/before/my-element.js

@@ -1 +1 @@
-export {};
+import {LitElement, html} from 'lit';

packages/lit-dev-content/samples/tutorials/intro-to-lit/02/after/my-element.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('my-element')
-class MyElement extends LitElement {
+export class MyElement extends LitElement {
   @property()
   message: string = 'Hello again.';
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/02/before/my-element.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('my-element')
-class MyElement extends LitElement {
+export class MyElement extends LitElement {
 // TODO: Add a reactive property
 
   render() {

packages/lit-dev-content/samples/tutorials/intro-to-lit/03/after/name-tag.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('name-tag')
-class NameTag extends LitElement {
+export class NameTag extends LitElement {
   @property()
   name: string = 'Your name here';
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/03/before/name-tag.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('name-tag')
-class NameTag extends LitElement {
+export class NameTag extends LitElement {
   @property()
   name: string = 'Your name here';
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/04/after/more-expressions.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('more-expressions')
-class MoreExpressions extends LitElement {
+export class MoreExpressions extends LitElement {
   @property()
   checked: boolean = false;
 

packages/lit-dev-content/samples/tutorials/intro-to-lit/04/before/more-expressions.ts

@@ -2,7 +2,7 @@ import {LitElement, html} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 
 @customElement('more-expressions')
-class MoreExpressions extends LitElement {
+export class MoreExpressions extends LitElement {
   @property()
   checked: boolean = false;