Skip to content

Commit bce75e5

Browse files
ecnopdevecnopdev
committed
add UI framework
1 parent 96a6c23 commit bce75e5

File tree

9 files changed

+246
-68
lines changed

9 files changed

+246
-68
lines changed

‎package-lock.json

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

‎package.json

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,8 @@
99
},
1010
"dependencies": {
1111
"core-js": "^3.6.4",
12-
"vue": "^2.6.11"
12+
"vue": "^2.6.11",
13+
"vuetify": "^2.2.11"
1314
},
1415
"devDependencies": {
1516
"@vue/cli-plugin-babel": "~4.3.0",
@@ -18,7 +19,11 @@
1819
"babel-eslint": "^10.1.0",
1920
"eslint": "^6.7.2",
2021
"eslint-plugin-vue": "^6.2.2",
21-
"vue-template-compiler": "^2.6.11"
22+
"sass": "^1.19.0",
23+
"sass-loader": "^8.0.0",
24+
"vue-cli-plugin-vuetify": "~2.0.5",
25+
"vue-template-compiler": "^2.6.11",
26+
"vuetify-loader": "^1.3.0"
2227
},
2328
"eslintConfig": {
2429
"root": true,

‎public/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@
88
<meta name="keywords" content="Jose Mari Ponce,ecnop,portfolio,ponce,jose,jose mari,ECNOP,ecnop">
99
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
1010
<title>Jose Mari Ponce</title>
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
12+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
1113
</head>
1214
<body>
1315
<noscript>

‎src/App.vue

Lines changed: 33 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,41 @@
11
<template>
2-
<div id="app">
3-
<Hello-World
4-
msg="Jose Mari Ponce - Portfolio Site"
5-
></Hello-World>
6-
</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+
</div>
18+
19+
<v-spacer></v-spacer>
20+
</v-app-bar> -->
21+
22+
<v-content>
23+
<HelloWorld/>
24+
</v-content>
25+
</v-app>
726
</template>
827

928
<script>
10-
import HelloWorld from '@/components/HelloWorld'
29+
import HelloWorld from './components/HelloWorld';
1130
1231
export default {
1332
name: 'App',
14-
components : {
15-
HelloWorld
16-
}
17-
}
18-
</script>
33+
components: {
34+
HelloWorld,
35+
},
1936
20-
<style>
21-
#app {
22-
font-family: Avenir, Helvetica, Arial, sans-serif;
23-
-webkit-font-smoothing: antialiased;
24-
-moz-osx-font-smoothing: grayscale;
25-
text-align: center;
26-
color: #2c3e50;
27-
margin-top: 60px;
28-
}
29-
</style>
37+
data: () => ({
38+
//
39+
}),
40+
};
41+
</script>

‎src/assets/logo.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)