Upgrade to Fresh 1.6.8; ran deno fmt; other tweaks

cdoremus · Mar 23, 2024 · c53ae94 · c53ae94
1 parent 947f052
commit c53ae94
Show file tree

Hide file tree

Showing 10 changed files with 6 additions and 33 deletions.
diff --git a/components/wc/CounterWC.ts b/components/wc/CounterWC.ts
@@ -37,5 +37,3 @@ class CounterWC extends HTMLElement {
   }
 }
 customElements.define("counter-wc", CounterWC);
-
-export default CounterWC;
diff --git a/components/wc/HelloWC.ts b/components/wc/HelloWC.ts
@@ -29,5 +29,3 @@ class HelloWC extends HTMLElement {
   }
 }
 customElements.define("hello-wc", HelloWC);
-
-export default HelloWC;
diff --git a/components/wc/LitCounter.js b/components/wc/LitCounter.js
@@ -52,5 +52,3 @@ customElements.define(
   "lit-counter",
   LitCounter,
 );
-
-export default LitCounter;
diff --git a/components/wc/MyLitMessage.ts b/components/wc/MyLitMessage.ts
@@ -1,14 +1,7 @@
 import { css, html, LitElement } from "https://esm.sh/[email protected]";
-// import {
-//   customElement,
-//   property,
-// } from "https://esm.sh/[email protected]/decorators.js";
 
-/* TS errors are ignored in the build */
-// @customElement("my-lit-message")
 // @ts-ignore LSP does not recognize LitElement syntax
 export class MyLitMessage extends LitElement {
-  // @property()
   // Properties are the component attributes
   static get properties(): { message: string } {
     return {

diff --git a/components/wc/TemplatedWC.ts b/components/wc/TemplatedWC.ts
@@ -1,15 +1,3 @@
-// Define the component's template in code
-// const template = document.createElement("template");
-// template.setAttribute("id", "template-wc");
-// template!.innerHTML = `
-//   <div class="container">
-//     <span id="title">This is inside the template</span>
-//     <slot></slot>
-//     <slot name="slot2"></slot>
-//     <slot name="slot3"></slot>
-//   </div>
-// `;
-
 export class TemplatedWC extends HTMLElement {
   css = `
     div.container {

diff --git a/components/wc/UsingNpmLib.js b/components/wc/UsingNpmLib.js
@@ -1,7 +1,7 @@
 /**
  * How to use a library in a web component - change-case here.
  */
-// 'npm:' specifier does not work since Deno is not processing this
+// 'npm:' specifier does not work since Deno is not processing this file
 import * as changeCase from "https://esm.sh/[email protected]";
 
 class UsingNpmLib extends HTMLElement {

diff --git a/deno.json b/deno.json
@@ -13,7 +13,7 @@
   "exclude": ["**/_fresh/*"],
   "nodeModulesDir": true,
   "imports": {
-    "$fresh/": "https://deno.land/x/[email protected].7/",
+    "$fresh/": "https://deno.land/x/[email protected].8/",
     "preact": "https://esm.sh/[email protected]",
     "preact/": "https://esm.sh/[email protected]/",
     "preact-render-to-string": "https://esm.sh/*[email protected]",

diff --git a/routes/_app.tsx b/routes/_app.tsx
@@ -1,6 +1,6 @@
-import { AppProps } from "$fresh/server.ts";
+import { PageProps } from "$fresh/server.ts";
 
-export default function App({ Component }: AppProps) {
+export default function App({ Component }: PageProps) {
   return (
     <html>
       <head>
@@ -16,9 +16,8 @@ export default function App({ Component }: AppProps) {
           src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"
         >
         </script>
-        <script src="https://unpkg.com/two-up-element@1"></script>
+        <script src="https://unpkg.com/two-up-element@1" type="module"></script>
       </head>
-      {/* <body class="m-x-5 md:m-x-50 m-y-0 pt-4 mx-auto max-w-screen-lg bg-blue-100"> */}
       <body class="bg-blue-400">
         <header>
           <div class="title">

diff --git a/static/wc/wc.esm.js b/static/wc/wc.esm.js
@@ -607,7 +607,6 @@ l2?.({ LitElement: t });
 
 // components/wc/MyLitMessage.ts
 var MyLitMessage = class extends t {
-  // @property()
   // Properties are the component attributes
   static get properties() {
     return {

diff --git a/types/types.ts b/types/types.ts
@@ -1,7 +1,7 @@
 /**
  * Definitions of web component types with emphasis on extending
  * JSX.IntrinsicElements. This is required to be able to use a custom
- * element in a .tsx page without showing errors in vscode.
+ * element in a .tsx page without showing TypeScript errors in vscode.
  */
 import { JSX } from "preact";
 import { LitElement } from "https://esm.sh/[email protected]";