This commit is contained in:
j3d1 2024-02-01 00:49:29 +01:00
parent 257df94e6b
commit c40a64c8d4
4 changed files with 190 additions and 58 deletions

View file

@ -1,5 +1,7 @@
import {createApp} from 'vue'
import App from './App.vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';
import {sync} from 'vuex-router-sync';
import store from './store';
import router from './router';
@ -51,8 +53,7 @@ library.add(faPlus, faCheckCircle, faEdit, faTrash, faCat, faSyncAlt, faSort, fa
const app = createApp(App).use(store).use(router);
import VueQRCodeComponent from 'vue-qrcode-component'
app.component('qr-code', VueQRCodeComponent)
app.component(VueQrcode.name, VueQrcode);
app.component('font-awesome-icon', FontAwesomeIcon);
app.mount('#app')

View file

@ -11,7 +11,8 @@
</li>
</ul>
</div>
<qr-code :text="qr_url" color="#000" bg-color="#fff" error-level="H" class="qr-code"></qr-code>
<vue-qrcode :value="qr_url" tag="svg" :size="200" :options="{errorCorrectionLevel: 'H'}"></vue-qrcode>
<!--qr-code :text="" color="#000" bg-color="#fff" error-level="H" ></qr-code-->
<h3 class="text-center">Events</h3>
<!--p>{{ events }}</p-->
<ul>
@ -80,7 +81,4 @@ export default {
</script>
<style>
.qr-code img {
border: #fff solid 7px
}
</style>