Skip to content

Commit 0fe0937

Browse files
bhermannbhermann
committed
Typescript, Logos, etc.
1 parent 76b39bf commit 0fe0937

15 files changed

+1539
-143
lines changed

‎package.json

+19-4
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,31 @@
88
"lint": "vue-cli-service lint"
99
},
1010
"dependencies": {
11+
"@tailwindcss/postcss7-compat": "^2.0.2",
12+
"autoprefixer": "^9",
1113
"core-js": "^3.6.5",
12-
"vue": "^3.0.0"
14+
"postcss": "^7",
15+
"tailwind": "^4.0.0",
16+
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
17+
"typescript": "^4.4.3",
18+
"vue": "^3.0.0",
19+
"vue-class-component": "^8.0.0-0",
20+
"vue-typescript": "^0.7.0"
1321
},
1422
"devDependencies": {
23+
"@typescript-eslint/eslint-plugin": "^4.18.0",
24+
"@typescript-eslint/parser": "^4.18.0",
1525
"@vue/cli-plugin-babel": "~4.5.0",
1626
"@vue/cli-plugin-eslint": "~4.5.0",
27+
"@vue/cli-plugin-typescript": "~4.5.0",
1728
"@vue/cli-service": "~4.5.0",
1829
"@vue/compiler-sfc": "^3.0.0",
30+
"@vue/eslint-config-typescript": "^7.0.0",
1931
"babel-eslint": "^10.1.0",
2032
"eslint": "^6.7.2",
21-
"eslint-plugin-vue": "^7.0.0"
33+
"eslint-plugin-vue": "^7.0.0",
34+
"typescript": "~4.1.5",
35+
"vue-cli-plugin-tailwind": "~2.0.6"
2236
},
2337
"eslintConfig": {
2438
"root": true,
@@ -27,10 +41,11 @@
2741
},
2842
"extends": [
2943
"plugin:vue/vue3-essential",
30-
"eslint:recommended"
44+
"eslint:recommended",
45+
"@vue/typescript"
3146
],
3247
"parserOptions": {
33-
"parser": "babel-eslint"
48+
"parser": "@typescript-eslint/parser"
3449
},
3550
"rules": {}
3651
},

‎postcss.config.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {}
5+
}
6+
}

‎public/favicon.ico

-4.19 KB
Binary file not shown.

‎public/favicon.png

6.04 KB
Loading

‎public/index.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7-
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8-
<title><%= htmlWebpackPlugin.options.title %></title>
7+
<link rel="icon" href="<%= BASE_URL %>favicon.png">
8+
<title>DelphiHub</title>
99
</head>
1010
<body>
1111
<noscript>
12-
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
12+
<strong>We're sorry but DelphiHub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
1313
</noscript>
1414
<div id="app"></div>
1515
<!-- built files will be auto injected -->

‎src/App.vue

+9-18
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,17 @@
11
<template>
2-
<img alt="Vue logo" src="./assets/logo.png">
3-
<HelloWorld msg="Welcome to Your Vue.js App"/>
2+
<div class="h-screen flex">
3+
<img src="./assets/logo.svg" alt="DelphiHub Logo" class="mx-auto my-auto w-1/2" />
4+
</div>
45
</template>
56

6-
<script>
7-
import HelloWorld from './components/HelloWorld.vue'
7+
<script lang="ts">
8+
import { Options, Vue } from "vue-class-component";
89
9-
export default {
10-
name: 'App',
11-
components: {
12-
HelloWorld
13-
}
14-
}
10+
@Options({
11+
components: {},
12+
})
13+
export default class App extends Vue {}
1514
</script>
1615

1716
<style>
18-
#app {
19-
font-family: Avenir, Helvetica, Arial, sans-serif;
20-
-webkit-font-smoothing: antialiased;
21-
-moz-osx-font-smoothing: grayscale;
22-
text-align: center;
23-
color: #2c3e50;
24-
margin-top: 60px;
25-
}
2617
</style>

‎src/assets/logo.png

-2.63 KB
Loading

‎src/assets/logo.svg

+1
Loading

‎src/assets/tailwind.css

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@tailwind base;
2+
3+
@tailwind components;
4+
5+
@tailwind utilities;

‎src/components/HelloWorld.vue

-58
This file was deleted.

‎src/main.js renamed to ‎src/main.ts

+1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { createApp } from 'vue'
22
import App from './App.vue'
3+
import './assets/tailwind.css'
34

45
createApp(App).mount('#app')

‎src/shims-vue.d.ts

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/* eslint-disable */
2+
declare module '*.vue' {
3+
import type { DefineComponent } from 'vue'
4+
const component: DefineComponent<{}, {}, any>
5+
export default component
6+
}

‎tailwind.config.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
module.exports = {
2+
purge: { content: ['./public/**/*.html', './src/**/*.vue'] },
3+
darkMode: false, // or 'media' or 'class'
4+
theme: {
5+
extend: {},
6+
},
7+
variants: {
8+
extend: {},
9+
},
10+
plugins: [],
11+
}

‎tsconfig.json

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{
2+
"compilerOptions": {
3+
"target": "esnext",
4+
"module": "esnext",
5+
"strict": true,
6+
"jsx": "preserve",
7+
"importHelpers": true,
8+
"moduleResolution": "node",
9+
"experimentalDecorators": true,
10+
"skipLibCheck": true,
11+
"esModuleInterop": true,
12+
"allowSyntheticDefaultImports": true,
13+
"sourceMap": true,
14+
"baseUrl": ".",
15+
"types": [
16+
"webpack-env"
17+
],
18+
"paths": {
19+
"@/*": [
20+
"src/*"
21+
]
22+
},
23+
"lib": [
24+
"esnext",
25+
"dom",
26+
"dom.iterable",
27+
"scripthost"
28+
]
29+
},
30+
"include": [
31+
"src/**/*.ts",
32+
"src/**/*.tsx",
33+
"src/**/*.vue",
34+
"tests/**/*.ts",
35+
"tests/**/*.tsx"
36+
],
37+
"exclude": [
38+
"node_modules"
39+
]
40+
}

0 commit comments

Comments
 (0)