@@ -0,0 +1,19 @@ | |||||
const Counter = { | |||||
data() { | |||||
return { | |||||
counter: 0 | |||||
} | |||||
} | |||||
} | |||||
Vue.createApp(Counter).mount('#counter') | |||||
const AttributeBindingApp = { | |||||
data() { | |||||
return { | |||||
message: 'You loaded this page on ' + new Date().toLocaleString() | |||||
} | |||||
} | |||||
} | |||||
Vue.createApp(AttributeBindingApp).mount('#bind-attribute') |
@@ -30,12 +30,12 @@ | |||||
</section> | </section> | ||||
<section class='faq'> | <section class='faq'> | ||||
<h2>FAQ</h2> | <h2>FAQ</h2> | ||||
<div class="card"></div> | |||||
<div class="card"></div> | |||||
<div class="card"></div> | |||||
<div class="card"></div> | |||||
<div class="card"></div> | |||||
<div class="card"></div> | |||||
<div class="card">Amet officiis obcaecati et porro!</div> | |||||
<div class="card">Dolor minus corporis labore error.</div> | |||||
<div class="card">Ipsum nesciunt facilis veniam eos.</div> | |||||
<div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div> | |||||
<div class="card">Sit quod nulla minima dignissimos itaque.</div> | |||||
<div class="card">Sit quod nulla minima dignissimos itaque.</div> | |||||
</section> | </section> | ||||
@endsection | @endsection | ||||
@@ -41,7 +41,7 @@ spellcheck='false'> | |||||
<footer class='footer text-center'> | <footer class='footer text-center'> | ||||
<div class='foot-links'> | <div class='foot-links'> | ||||
<a class="footer-item" href="/terms">Terms & Policy</a> | <a class="footer-item" href="/terms">Terms & Policy</a> | ||||
<a class="footer-item" href="/contact">Help</a> | |||||
<a class="footer-item" href="mail:support@trendplays.com">Help</a> | |||||
<a class="footer-item" href="/reset-password">Reset Password</a> | <a class="footer-item" href="/reset-password">Reset Password</a> | ||||
</div> | </div> | ||||
<small>©Copyright 2021 Trendplays Network, Inc.</small> | <small>©Copyright 2021 Trendplays Network, Inc.</small> | ||||
@@ -0,0 +1,21 @@ | |||||
@extends('master') | |||||
@section('title', 'Panel') | |||||
@section('head-metas') | |||||
@parent | |||||
<link rel="stylesheet" href="{{asset('main.css')}}"> | |||||
@endsection | |||||
@section('content') | |||||
@parent | |||||
<div id="counter"> | |||||
Counter: @{{ counter }} | |||||
</div> | |||||
@endsection | |||||
@section('scripts') | |||||
@parent | |||||
<script src="vue.global.js"></script> | |||||
<script src="main.js"></script> | |||||
@endsection |
@@ -16,3 +16,5 @@ use Illuminate\Support\Facades\Route; | |||||
Route::get('/', function () { | Route::get('/', function () { | ||||
return view('home'); | return view('home'); | ||||
}); | }); | ||||
Route::view('/panel', 'panel'); |