add ts

Author: nosovk

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false

.eslintignore

@@ -0,0 +1,10 @@
+/public/build
+/public/bundles
+/node_modules
+/var
+/vendor
+/*/
+!/assets/
+!/src/
+!/config/
+!/templates/

.eslintrc.cjs

@@ -0,0 +1,27 @@
+module.exports = {
+	root: true,
+	parser: "@typescript-eslint/parser",
+	extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
+	plugins: ["svelte3", "@typescript-eslint"],
+	ignorePatterns: ["*.cjs"],
+	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+	settings: {
+    'svelte3/compiler-options': {customElement: true},
+		"svelte3/typescript": () => require("typescript"),
+	},
+	parserOptions: {
+		sourceType: "module",
+		ecmaVersion: 2019,
+		project: "tsconfig.json",
+		tsconfigRootDir: __dirname,
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true,
+	},
+	rules: {
+		"@typescript-eslint/no-floating-promises": "error",
+		"@typescript-eslint/no-unused-vars": "off",
+	},
+};

.prettierrc

@@ -0,0 +1,6 @@
+{
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "all",
+	"printWidth": 100
+}

assets/app.js renamed to assets/app.ts

@@ -1,13 +1,13 @@
 <svelte:options tag="asset-component" />
 
-<script>
+<script lang="ts">
     import svg from "../images/vector/github.svg"
     import children1 from "../images/children/1.jpg"
 </script>
 
 <div>
-    <img src={svg} />
-    <img src={children1} />
+    <img src={svg} alt="svg icon test"/>
+    <img src={children1} alt="jpg icon test" />
 </div>
 
 <style lang="scss">

assets/components/asset-component.svelte

@@ -1,6 +1,6 @@
 <svelte:options tag="modal-component" />
 
-<script>
+<script lang="ts">
 let dialog;
 </script>
 <button on:click={dialog.showModal()}>open</button>

assets/components/modal-component.svelte

@@ -1,6 +1,6 @@
 <svelte:options tag="test-component" />
 
-<script>
+<script lang="ts">
     export let customprop1 = null;
     export let customprop2 = null;
 </script>