feat(create-vite): migrate lit-element to lit (#5012)

vitejs · Sep 25, 2021 · d66ea0f · d66ea0f
1 parent 1b203d7
commit d66ea0f
Show file tree

Hide file tree

Showing 18 changed files with 22 additions and 21 deletions.
diff --git a/docs/guide/index.md b/docs/guide/index.md
@@ -69,8 +69,8 @@ Supported template presets include:
 - `react-ts`
 - `preact`
 - `preact-ts`
-- `lit-element`
-- `lit-element-ts`
+- `lit`
+- `lit-ts`
 - `svelte`
 - `svelte-ts`
 

diff --git a/packages/create-vite/README.md b/packages/create-vite/README.md
@@ -51,8 +51,8 @@ Currently supported template presets include:
 - `react-ts`
 - `preact`
 - `preact-ts`
-- `lit-element`
-- `lit-element-ts`
+- `lit`
+- `lit-ts`
 - `svelte`
 - `svelte-ts`
 

diff --git a/packages/create-vite/index.js b/packages/create-vite/index.js
@@ -86,16 +86,16 @@ const FRAMEWORKS = [
     ]
   },
   {
-    name: 'lit-element',
+    name: 'lit',
     color: lightRed,
     variants: [
       {
-        name: 'lit-element',
+        name: 'lit',
         display: 'JavaScript',
         color: yellow
       },
       {
-        name: 'lit-element-ts',
+        name: 'lit-ts',
         display: 'TypeScript',
         color: blue
       }

diff --git a/...e-vite/template-lit-element-ts/_gitignore → ...es/create-vite/template-lit-ts/_gitignore b/...e-vite/template-lit-element-ts/_gitignore → ...es/create-vite/template-lit-ts/_gitignore
diff --git a/...e-vite/template-lit-element-ts/index.html → ...es/create-vite/template-lit-ts/index.html b/...e-vite/template-lit-element-ts/index.html → ...es/create-vite/template-lit-ts/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Lit-Element App</title>
+    <title>Vite + Lit App</title>
     <script type="module" src="/src/my-element.ts"></script>
   </head>
   <body>

diff --git a/...vite/template-lit-element-ts/package.json → .../create-vite/template-lit-ts/package.json b/...vite/template-lit-element-ts/package.json → .../create-vite/template-lit-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "vite-lit-element-ts-starter",
+  "name": "vite-lit-ts-starter",
   "version": "0.0.0",
   "main": "dist/my-element.es.js",
   "exports": {
@@ -15,7 +15,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "lit-element": "^2.4.0"
+    "lit": "^2.0.0"
   },
   "devDependencies": {
     "vite": "^2.5.4",

diff --git a/...e/template-lit-element-ts/src/favicon.svg → ...eate-vite/template-lit-ts/src/favicon.svg b/...e/template-lit-element-ts/src/favicon.svg → ...eate-vite/template-lit-ts/src/favicon.svg
diff --git a/...template-lit-element-ts/src/my-element.ts → ...te-vite/template-lit-ts/src/my-element.ts b/...template-lit-element-ts/src/my-element.ts → ...te-vite/template-lit-ts/src/my-element.ts
@@ -1,4 +1,5 @@
-import { LitElement, html, customElement, property, css } from 'lit-element'
+import { html, css, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
 
 /**
  * An example element.

diff --git a/...template-lit-element-ts/src/vite-env.d.ts → ...te-vite/template-lit-ts/src/vite-env.d.ts b/...template-lit-element-ts/src/vite-env.d.ts → ...te-vite/template-lit-ts/src/vite-env.d.ts
diff --git a/...ite/template-lit-element-ts/tsconfig.json → ...create-vite/template-lit-ts/tsconfig.json b/...ite/template-lit-element-ts/tsconfig.json → ...create-vite/template-lit-ts/tsconfig.json
diff --git a/...te/template-lit-element-ts/vite.config.ts → ...reate-vite/template-lit-ts/vite.config.ts b/...te/template-lit-element-ts/vite.config.ts → ...reate-vite/template-lit-ts/vite.config.ts
@@ -8,7 +8,7 @@ export default defineConfig({
       formats: ['es']
     },
     rollupOptions: {
-      external: /^lit-element/
+      external: /^lit/
     }
   }
 })
diff --git a/...eate-vite/template-lit-element/_gitignore → packages/create-vite/template-lit/_gitignore b/...eate-vite/template-lit-element/_gitignore → packages/create-vite/template-lit/_gitignore
@@ -1,5 +1,5 @@
 node_modules
 .DS_Store
 dist
-dist-ssr
+types
 *.local
diff --git a/...eate-vite/template-lit-element/index.html → packages/create-vite/template-lit/index.html b/...eate-vite/template-lit-element/index.html → packages/create-vite/template-lit/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Lit-Element App</title>
+    <title>Vite + Lit App</title>
     <script type="module" src="/src/my-element.js"></script>
   </head>
   <body>

diff --git a/...te-vite/template-lit-element/package.json → ...ges/create-vite/template-lit/package.json b/...te-vite/template-lit-element/package.json → ...ges/create-vite/template-lit/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "vite-lit-element-starter",
+  "name": "vite-lit-starter",
   "version": "0.0.0",
   "main": "dist/my-element.es.js",
   "exports": {
@@ -13,7 +13,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "lit-element": "^2.4.0"
+    "lit": "^2.0.0"
   },
   "devDependencies": {
     "vite": "^2.5.4"

diff --git a/...vite/template-lit-element/src/favicon.svg → .../create-vite/template-lit/src/favicon.svg b/...vite/template-lit-element/src/favicon.svg → .../create-vite/template-lit/src/favicon.svg
diff --git a/...te/template-lit-element/src/my-element.js → ...reate-vite/template-lit/src/my-element.js b/...te/template-lit-element/src/my-element.js → ...reate-vite/template-lit/src/my-element.js
@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 
 /**
  * An example element.

diff --git a/...-vite/template-lit-element/vite.config.js → ...s/create-vite/template-lit/vite.config.js b/...-vite/template-lit-element/vite.config.js → ...s/create-vite/template-lit/vite.config.js
@@ -8,7 +8,7 @@ export default defineConfig({
       formats: ['es']
     },
     rollupOptions: {
-      external: /^lit-element/
+      external: /^lit/
     }
   }
 })
diff --git a/packages/playground/ssr-vue/example-external-component/ExampleExternalComponent.vue b/packages/playground/ssr-vue/example-external-component/ExampleExternalComponent.vue
@@ -1,3 +1,3 @@
-<template>
-  <div>Example external component content</div>
-</template>
+<template>
+  <div>Example external component content</div>
+</template>