huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2025-02-26 04:40:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update template(sync official)

Browse Source
This commit is contained in:
草鞋没号 2022-11-07 09:16:38 +08:00
parent df13b52039
commit a55e7c79e5
2 changed files with 21 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@ -55,7 +55,7 @@ import HelloWorld from './components/HelloWorld.vue'
}
.logo.vite:hover {
filter: drop-shadow(0 0 2em #747bff);
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.electron:hover {
@ -63,6 +63,6 @@ import HelloWorld from './components/HelloWorld.vue'
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #249b73);
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

52
src/components/HelloWorld.vue
View File

@ -9,44 +9,30 @@ const count = ref(0)
<template>
<h1>{{ msg }}</h1>
<p>
Recommended IDE setup:
<a href="https://code.visualstudio.com/" target="_blank">VS Code</a>
+
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
</p>
<p>See <code>README.md</code> for more information.</p>
<p>
<a href="https://vitejs.dev/guide/features.html" target="_blank">
Vite Docs
</a>
|
<a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
</p>
<button type="button" @click="count++">count is: {{ count }}</button>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test hot module replacement.
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
a {
color: #42b983;
}
label {
margin: 0 0.5em;
font-weight: bold;
}
code {
background-color: #eee;
padding: 2px 4px;
border-radius: 4px;
color: #304455;
.read-the-docs {
color: #888;
}
</style>