socketconveyor-website/main.js at master · kanata-php/socketconveyor-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import './style.css'
import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'

createApp({
    data() {
        return {

            /**
             * Content
             */
            title: 'Socket Conveyor',
            subtitle: 'Broadcasting WebSockets Messages\n' +
                '                <span class="text-[#0b90ab] font-bold">with PHP</span>:<br/>' +
                '                <span class="block text-sm text-gray-600">Channels, Listeners and Customized implementations...</span>',
            subtitle_mobile: 'Broadcasting WebSockets Messages\n' +
                '                <span class="text-[#0b90ab] font-bold">with PHP</span>:<br/>' +
                '                <span class="block text-sm text-gray-600">Channels, Listeners and Customized implementations...</span>',
            links: [
                {
                    href: 'https://kanata-php.github.io/socket-conveyor/#/',
                    text: 'Visit the <strong class="group-hover:underline">Documentation</strong>'
                },{
                    href: 'https://github.com/kanata-php/socket-conveyor',
                    text: 'Visit the <strong class="group-hover:underline">Source Code</strong>'
                },
            ],

            /**
             * Assets
             */
            logo: '/imgs/socket-conveyor-logo.svg',

            /**
             * Colors
             */
            color: '#0b90ab',
        }
    },

    mounted() {
        this.loaded();
    },

    methods: {
        loaded() {
            document.querySelector('#loading').classList.add('hidden');
            document.querySelector('#app').classList.remove('hidden');
        }
    },
}).mount('#app')