Initial commit
This commit is contained in:
commit
58a15027ab
6 changed files with 1094 additions and 0 deletions
6
.gitignore
vendored
Normal file
6
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
node_modules
|
||||
dist
|
||||
|
||||
*~
|
||||
*swo
|
||||
*swp
|
||||
7
README.md
Normal file
7
README.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
# Web Component Template
|
||||
|
||||
A project scaffold for a new web component.
|
||||
|
||||
---
|
||||
|
||||
A project by _Ayo_
|
||||
9
hello-world.ts
Normal file
9
hello-world.ts
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
import { WebComponent, html } from 'web-component-base'
|
||||
|
||||
class HelloWorld extends WebComponent {
|
||||
get template(): any {
|
||||
return html`
|
||||
<h1>Hello, World!</h1>
|
||||
`
|
||||
}
|
||||
}
|
||||
12
index.html
Normal file
12
index.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Web Component Demo</title>
|
||||
<script type="module" src="./hello-world.ts"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hello-world></hello-world>
|
||||
</body>
|
||||
</html>
|
||||
21
package.json
Normal file
21
package.json
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"name": "web-component-template",
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"description": "Project scaffolding for a new web component",
|
||||
"license": "ISC",
|
||||
"author": "Ayo Ayco",
|
||||
"type": "commonjs",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Warning: no test specified\"",
|
||||
"dev": "vite"
|
||||
},
|
||||
"devDependencies": {
|
||||
"eslint": "^10.2.1",
|
||||
"vite": "^8.0.9"
|
||||
},
|
||||
"dependencies": {
|
||||
"web-component-base": "^4.1.1"
|
||||
}
|
||||
}
|
||||
1039
pnpm-lock.yaml
Normal file
1039
pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue