Skip to content

Commit 0b60cef

Browse files
AMontaguAMontagu
committed
fix(CI): relance CI to have last version
1 parent 9e5becf commit 0b60cef

File tree

11 files changed

+504
-180
lines changed

11 files changed

+504
-180
lines changed

‎vue2-example/package-lock.json‎

Lines changed: 344 additions & 96 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎vue2-example/package.json‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,9 @@
1010
"dependencies": {
1111
"core-js": "^3.6.5",
1212
"vue": "^2.6.11",
13-
"vue-router": "^3.2.0"
13+
"vue-datatable-url-sync": "^0.1.0",
14+
"vue-router": "^3.2.0",
15+
"vuetify": "^2.4.0"
1416
},
1517
"devDependencies": {
1618
"@vue/cli-plugin-babel": "~4.5.0",
@@ -20,6 +22,10 @@
2022
"babel-eslint": "^10.1.0",
2123
"eslint": "^6.7.2",
2224
"eslint-plugin-vue": "^6.2.2",
23-
"vue-template-compiler": "^2.6.11"
25+
"sass": "^1.32.0",
26+
"sass-loader": "^10.0.0",
27+
"vue-cli-plugin-vuetify": "~2.3.1",
28+
"vue-template-compiler": "^2.6.11",
29+
"vuetify-loader": "^1.7.0"
2430
}
2531
}

‎vue2-example/public/index.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
<!DOCTYPE html>
2-
<html lang="">
2+
<html lang="en">
33
<head>
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">
77
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
88
<title><%= htmlWebpackPlugin.options.title %></title>
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
911
</head>
1012
<body>
1113
<noscript>

‎vue2-example/src/App.vue‎

Lines changed: 57 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,60 @@
11
<template>
2-
<div id="app">
3-
<div id="nav">
4-
<router-link to="/">Home</router-link> |
5-
<router-link to="/about">About</router-link>
6-
</div>
7-
<router-view/>
8-
</div>
2+
<v-app>
3+
<v-app-bar
4+
app
5+
color="primary"
6+
dark
7+
>
8+
<div class="d-flex align-center">
9+
<v-img
10+
alt="Vuetify Logo"
11+
class="shrink mr-2"
12+
contain
13+
src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png"
14+
transition="scale-transition"
15+
width="40"
16+
/>
17+
18+
<v-img
19+
alt="Vuetify Name"
20+
class="shrink mt-1 hidden-sm-and-down"
21+
contain
22+
min-width="100"
23+
src="https://cdn.vuetifyjs.com/images/logos/vuetify-name-dark.png"
24+
width="100"
25+
/>
26+
</div>
27+
28+
<v-spacer></v-spacer>
29+
30+
<v-btn
31+
href="https://github.com/vuetifyjs/vuetify/releases/latest"
32+
target="_blank"
33+
text
34+
>
35+
<span class="mr-2">Latest Release</span>
36+
<v-icon>mdi-open-in-new</v-icon>
37+
</v-btn>
38+
</v-app-bar>
39+
40+
<v-main>
41+
<HelloWorld/>
42+
</v-main>
43+
</v-app>
944
</template>
1045

11-
<style>
12-
#app {
13-
font-family: Avenir, Helvetica, Arial, sans-serif;
14-
-webkit-font-smoothing: antialiased;
15-
-moz-osx-font-smoothing: grayscale;
16-
text-align: center;
17-
color: #2c3e50;
18-
}
19-
20-
#nav {
21-
padding: 30px;
22-
}
23-
24-
#nav a {
25-
font-weight: bold;
26-
color: #2c3e50;
27-
}
28-
29-
#nav a.router-link-exact-active {
30-
color: #42b983;
31-
}
32-
</style>
46+
<script>
47+
import HelloWorld from './components/HelloWorld';
48+
49+
export default {
50+
name: 'App',
51+
52+
components: {
53+
HelloWorld,
54+
},
55+
56+
data: () => ({
57+
//
58+
}),
59+
};
60+
</script>

‎vue2-example/src/assets/logo.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎vue2-example/src/components/HelloWorld.vue‎

Lines changed: 22 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,30 @@
11
<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">vue-cli documentation</a>.
8-
</p>
9-
<h3>Installed CLI Plugins</h3>
10-
<ul>
11-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
12-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
13-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
14-
</ul>
15-
<h3>Essential Links</h3>
16-
<ul>
17-
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
18-
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
19-
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
20-
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
21-
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
22-
</ul>
23-
<h3>Ecosystem</h3>
24-
<ul>
25-
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
26-
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
27-
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
28-
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
29-
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
30-
</ul>
31-
</div>
2+
<v-container>
3+
<v-row class="text-center">
4+
<v-col cols="12">
5+
<v-data-table
6+
:headers="headers"
7+
:items="fakeData"
8+
:items-per-page="5"
9+
class="elevation-1"
10+
></v-data-table>
11+
</v-col>
12+
</v-row>
13+
</v-container>
3214
</template>
3315

3416
<script>
17+
import useDatatableUrlSync from 'vue-datatable-url-sync';
18+
import fakeData from "./data";
3519
export default {
3620
name: 'HelloWorld',
37-
props: {
38-
msg: String
39-
}
40-
}
41-
</script>
4221
43-
<!-- Add "scoped" attribute to limit CSS to this component only -->
44-
<style scoped>
45-
h3 {
46-
margin: 40px 0 0;
47-
}
48-
ul {
49-
list-style-type: none;
50-
padding: 0;
22+
data: () => ({
23+
headers: [
24+
{ text: 'Id', value: 'id' },
25+
{ text: 'Title', value: 'title' },
26+
],
27+
fakeData
28+
}),
5129
}
52-
li {
53-
display: inline-block;
54-
margin: 0 10px;
55-
}
56-
a {
57-
color: #42b983;
58-
}
59-
</style>
30+
</script>

‎vue2-example/src/components/data.js‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
export default [
2+
{
3+
id: "1",
4+
title: "test1"
5+
},
6+
{
7+
id: "2",
8+
title: "test2"
9+
},
10+
{
11+
id: "3",
12+
title: "test3"
13+
},
14+
{
15+
id: "4",
16+
title: "test4"
17+
},
18+
{
19+
id: "5",
20+
title: "test5"
21+
},
22+
{
23+
id: "6",
24+
title: "test6"
25+
},
26+
{
27+
id: "7",
28+
title: "test7"
29+
},
30+
{
31+
id: "8",
32+
title: "test8"
33+
},
34+
{
35+
id: "9",
36+
title: "test9"
37+
},
38+
{
39+
id: "10",
40+
title: "test10"
41+
},
42+
{
43+
id: "11",
44+
title: "test11"
45+
},
46+
{
47+
id: "12",
48+
title: "test12"
49+
},
50+
{
51+
id: "13",
52+
title: "test13"
53+
},
54+
]

‎vue2-example/src/main.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import Vue from 'vue'
22
import App from './App.vue'
33
import router from './router'
4+
import vuetify from './plugins/vuetify';
45

56
Vue.config.productionTip = false
67

78
new Vue({
89
router,
10+
vuetify,
911
render: h => h(App)
1012
}).$mount('#app')

‎vue2-example/src/plugins/vuetify.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import Vue from 'vue';
2+
import Vuetify from 'vuetify/lib/framework';
3+
4+
Vue.use(Vuetify);
5+
6+
export default new Vuetify({
7+
});

‎vue2-example/vue.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
transpileDependencies: [
3+
'vuetify'
4+
]
5+
}

0 commit comments

Comments
 (0)