황성연 / lolinfo.gg

Go to a project
Toggle navigation Toggle navigation pinning
황성연
abc17632 1 parent c368d62f

front-end

Inline Side-by-side
Showing 16 changed files with 313 additions and 0 deletions
No preview for this file type
1 +> 1%
2 +last 2 versions
3 +not dead
1 +module.exports = {
2 + root: true,
3 + env: {
4 + node: true
5 + },
6 + extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 + parserOptions: {
8 + parser: "babel-eslint"
9 + },
10 + rules: {
11 + "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
12 + "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
13 + "prettier/prettier" : ['error',{
14 + singleQuote: true,
15 + semi: true,
16 + useTabs: true,
17 + tabWidth: 2,
18 + trailingComma: 'all',
19 + printWidth: 80,
20 + bracketSpacing: true,
21 + arrwoParens: 'avoid',
22 + }]
23 + }
24 +};
1 +.DS_Store
2 +node_modules
3 +/dist
4 +
5 +# local env files
6 +.env.local
7 +.env.*.local
8 +
9 +# Log files
10 +npm-debug.log*
11 +yarn-debug.log*
12 +yarn-error.log*
13 +pnpm-debug.log*
14 +
15 +# Editor directories and files
16 +.idea
17 +.vscode
18 +*.suo
19 +*.ntvs*
20 +*.njsproj
21 +*.sln
22 +*.sw?
1 +# felol
2 +
3 +## Project setup
4 +```
5 +npm install
6 +```
7 +
8 +### Compiles and hot-reloads for development
9 +```
10 +npm run serve
11 +```
12 +
13 +### Compiles and minifies for production
14 +```
15 +npm run build
16 +```
17 +
18 +### Lints and fixes files
19 +```
20 +npm run lint
21 +```
22 +
23 +### Customize configuration
24 +See [Configuration Reference](https://cli.vuejs.org/config/).
1 +module.exports = {
2 + presets: ["@vue/cli-plugin-babel/preset"]
3 +};
This diff could not be displayed because it is too large.
1 +{
2 + "name": "felol",
3 + "version": "0.1.0",
4 + "private": true,
5 + "scripts": {
6 + "serve": "vue-cli-service serve",
7 + "build": "vue-cli-service build",
8 + "lint": "vue-cli-service lint"
9 + },
10 + "dependencies": {
11 + "core-js": "^3.6.5",
12 + "vue": "^2.6.11",
13 + "vue-router": "^3.2.0",
14 + "vuex": "^3.4.0"
15 + },
16 + "devDependencies": {
17 + "@vue/cli-plugin-babel": "~4.4.0",
18 + "@vue/cli-plugin-eslint": "~4.4.0",
19 + "@vue/cli-plugin-router": "~4.4.0",
20 + "@vue/cli-plugin-vuex": "~4.4.0",
21 + "@vue/cli-service": "~4.4.0",
22 + "@vue/eslint-config-prettier": "^6.0.0",
23 + "babel-eslint": "^10.1.0",
24 + "eslint": "^6.7.2",
25 + "eslint-plugin-prettier": "^3.1.3",
26 + "eslint-plugin-vue": "^6.2.2",
27 + "prettier": "^1.19.1",
28 + "vue-template-compiler": "^2.6.11"
29 + }
30 +}
No preview for this file type
1 +<!DOCTYPE html>
2 +<html lang="en">
3 + <head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 + <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>
9 + </head>
10 + <body>
11 + <noscript>
12 + <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 + </noscript>
14 + <div id="app"></div>
15 + <!-- built files will be auto injected -->
16 + </body>
17 +</html>
1 +<template> </template>
2 +
3 +<script>
4 +export default {};
5 +</script>
6 +
7 +<style></style>
1 +<template>
2 + <div class="hello">
3 + <h1>{{ msg }}</h1>
4 + <p>
5 + For a guide and recipes on how to configure / customize this project,<br />
6 + check out the
7 + <a href="https://cli.vuejs.org" target="_blank" rel="noopener"
8 + >vue-cli documentation</a
9 + >.
10 + </p>
11 + <h3>Installed CLI Plugins</h3>
12 + <ul>
13 + <li>
14 + <a
15 + href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
16 + target="_blank"
17 + rel="noopener"
18 + >babel</a
19 + >
20 + </li>
21 + <li>
22 + <a
23 + href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
24 + target="_blank"
25 + rel="noopener"
26 + >router</a
27 + >
28 + </li>
29 + <li>
30 + <a
31 + href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex"
32 + target="_blank"
33 + rel="noopener"
34 + >vuex</a
35 + >
36 + </li>
37 + <li>
38 + <a
39 + href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
40 + target="_blank"
41 + rel="noopener"
42 + >eslint</a
43 + >
44 + </li>
45 + </ul>
46 + <h3>Essential Links</h3>
47 + <ul>
48 + <li>
49 + <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
50 + </li>
51 + <li>
52 + <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
53 + >Forum</a
54 + >
55 + </li>
56 + <li>
57 + <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
58 + >Community Chat</a
59 + >
60 + </li>
61 + <li>
62 + <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
63 + >Twitter</a
64 + >
65 + </li>
66 + <li>
67 + <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
68 + </li>
69 + </ul>
70 + <h3>Ecosystem</h3>
71 + <ul>
72 + <li>
73 + <a href="https://router.vuejs.org" target="_blank" rel="noopener"
74 + >vue-router</a
75 + >
76 + </li>
77 + <li>
78 + <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
79 + </li>
80 + <li>
81 + <a
82 + href="https://github.com/vuejs/vue-devtools#vue-devtools"
83 + target="_blank"
84 + rel="noopener"
85 + >vue-devtools</a
86 + >
87 + </li>
88 + <li>
89 + <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
90 + >vue-loader</a
91 + >
92 + </li>
93 + <li>
94 + <a
95 + href="https://github.com/vuejs/awesome-vue"
96 + target="_blank"
97 + rel="noopener"
98 + >awesome-vue</a
99 + >
100 + </li>
101 + </ul>
102 + </div>
103 +</template>
104 +
105 +<script>
106 +export default {
107 + name: "HelloWorld",
108 + props: {
109 + msg: String
110 + }
111 +};
112 +</script>
113 +
114 +<!-- Add "scoped" attribute to limit CSS to this component only -->
115 +<style scoped>
116 +h3 {
117 + margin: 40px 0 0;
118 +}
119 +ul {
120 + list-style-type: none;
121 + padding: 0;
122 +}
123 +li {
124 + display: inline-block;
125 + margin: 0 10px;
126 +}
127 +a {
128 + color: #42b983;
129 +}
130 +</style>
1 +import Vue from "vue";
2 +import App from "./App.vue";
3 +import router from "./router";
4 +import store from "./store";
5 +
6 +Vue.config.productionTip = false;
7 +
8 +new Vue({
9 + router,
10 + store,
11 + render: h => h(App)
12 +}).$mount("#app");
1 +import Vue from 'vue';
2 +import VueRouter from 'vue-router';
3 +import Home from '../views/Home.vue';
4 +
5 +Vue.use(VueRouter);
6 +
7 +const routes = [
8 + {
9 + path: '/',
10 + name: 'Home',
11 + component: Home,
12 + },
13 + {
14 + path: '/about',
15 + name: 'About',
16 + // route level code-splitting
17 + // this generates a separate chunk (about.[hash].js) for this route
18 + // which is lazy-loaded when the route is visited.
19 + component: () =>
20 + import(/* webpackChunkName: "about" */ '../views/About.vue'),
21 + },
22 +];
23 +
24 +const router = new VueRouter({
25 + mode: 'history',
26 + base: process.env.BASE_URL,
27 + routes,
28 +});
29 +
30 +export default router;
1 +import Vue from 'vue';
2 +import Vuex from 'vuex';
3 +
4 +Vue.use(Vuex);
5 +
6 +export default new Vuex.Store({
7 + state: {},
8 + mutations: {},
9 + actions: {},
10 + modules: {},
11 +});