Clean things up before things get serious

This commit is contained in:
Hamcha 2019-07-16 14:31:52 +02:00
parent db6d722baf
commit 3508d3d8e8
21 changed files with 322 additions and 659 deletions

View File

@ -1,29 +1,21 @@
# diretto
## Project setup
```
yarn install
## Getting started
### Get dependencies
```sh
yarn
```
### Compiles and hot-reloads for development
```
yarn run serve
### Compile and run dev server
```sh
yarn serve
```
### Compiles and minifies for production
```
yarn run build
```
### Compile and build for production
### Run your tests
```sh
yarn build
```
yarn run test
```
### Lints and fixes files
```
yarn run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

View File

@ -9,6 +9,9 @@
},
"dependencies": {
"core-js": "^2.6.5",
"postcss-custom-properties": "^9.0.2",
"postcss-nested": "^4.1.2",
"postcss-smart-import": "^0.7.6",
"register-service-worker": "^1.6.2",
"tailwindcss": "^1.0.4",
"vue": "^2.6.10",
@ -28,8 +31,6 @@
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"node-sass": "^4.9.0",
"sass-loader": "^7.1.0",
"typescript": "^3.4.3",
"vue-cli-plugin-tailwindcss": "^0.1.1",
"vue-template-compiler": "^2.6.10"

View File

@ -1,6 +1,9 @@
module.exports = {
plugins: {
autoprefixer: {},
tailwindcss: "./tailwind.config.js"
tailwindcss: "./tailwind.config.js",
"postcss-smart-import": {},
"postcss-custom-properties": {},
"postcss-nested": {}
}
};

View File

@ -1,5 +0,0 @@
// prettier.config.js or .prettierrc.js
module.exports = {
tabWidth: 4,
useTabs: true
};

View File

@ -1,17 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<html lang="en" class="antialiased">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>diretto</title>
</head>
<body>
</head>
<body>
<noscript>
<strong>We're sorry but diretto doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong>We're sorry but diretto doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</body>
</html>

View File

@ -9,12 +9,13 @@
</div>
</template>
<style scoped lang="scss">
<style scoped lang="postcss">
@import "assets/styles/theme";
#app {
display: flex;
}
#topnav {
flex: 1;
display: flex;

View File

@ -0,0 +1,11 @@
:root {
--black: #000;
--ink: #062f4f;
--posy: #813772;
--embers: #b82601;
}
body {
background: var(--black);
color: white;
}

View File

@ -1,9 +0,0 @@
$black: #000;
$ink: #062f4f;
$posy: #813772;
$embers: #b82601;
body {
background: $black;
color: white;
}

View File

@ -4,7 +4,6 @@ import router from "./router";
import store from "./store";
import "./registerServiceWorker";
import "@/assets/styles/main.css";
import "@/assets/styles/theme.scss";
Vue.config.productionTip = false;

View File

@ -1,7 +1,8 @@
module.exports = {
theme: {
extend: {}
},
prefix: "",
important: false,
separator: ":",
theme: {},
variants: {},
plugins: []
}
};

View File

@ -11,20 +11,11 @@
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"webpack-env"
],
"types": ["webpack-env"],
"paths": {
"@/*": [
"src/*"
]
"@/*": ["src/*"]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
},
"include": [
"src/**/*.ts",
@ -33,7 +24,5 @@
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": [
"node_modules"
]
"exclude": ["node_modules"]
}

602
yarn.lock

File diff suppressed because it is too large Load Diff