Add custom elements language server for todo-app

examples/todo-app/README.md

@@ -2,4 +2,7 @@
 
 A Todo app, written entirely with fast-element.
 
-> Note: A step by step tutorial will be coming to the site soon. In the mean time, you can run `npm install` and then `npm run dev` to see the example.
+> Note: A step by step tutorial will be coming to the site soon. In the mean time, you can run `npm install` and then `npm run dev` to see the example.
+
+> Note: This example uses an LSP, to enable this in VS Code try the following:
+> - Open a javascript/typescript file and use the command palette to `Select typescript version` and choose the local workspace version.

examples/todo-app/package.json

@@ -27,11 +27,13 @@
     "tslib": "^2.6.3"
   },
   "devDependencies": {
+    "@genesiscommunitysuccess/cep-fast-plugin": "^5.0.3",
+    "@genesiscommunitysuccess/custom-elements-lsp": "^5.0.3",
     "@types/node": "^20.12.8",
     "ts-loader": "^9.3.0",
     "typescript": "~4.7.0",
+    "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4",
-    "webpack": "^5.92.1"
+    "webpack-dev-server": "^5.0.4"
   }
 }

examples/todo-app/tsconfig.json

@@ -1,5 +1,19 @@
 {
   "compilerOptions": {
+    "plugins": [
+      {
+        "name": "@genesiscommunitysuccess/custom-elements-lsp",
+        "srcRouteFromTSServer": "../../../examples/todo-app",
+        "parser": {
+          "fastEnable": true,
+          "timeout": 2000,
+          "dependencies": [ "!**/@custom-elements-manifest/**/*" ]
+        },
+        "plugins": [
+          "@genesiscommunitysuccess/cep-fast-plugin"
+        ]
+      }
+    ],
     "pretty": true,
     "target": "ES2015",
     "module": "ES2015",