First, Lets find out what version of PHP we're running (To find out if it's the default version).
To do that, Within the terminal, Fire this command:
which php
| // Based on https://css-tricks.com/browser-compatibility-css-grid-layouts-simple-sass-mixins/ | |
| // This CSS Grid mixin and styles allow modern browsers to use the newer display: grid functionality, | |
| // but allow a fallback to Flexbox to support older browsers like IE 11. | |
| @mixin basic-styles { | |
| display: flex; | |
| align-items: center; // Vertically center all content | |
| } | |
| @mixin grid-child ($col-start, $col-end, $row-start, $row-end) { |
| import Vue from 'vue'; | |
| import posts from './components/posts.vue'; | |
| window.axios = require('axios'); | |
| window.Vue = Vue; | |
| Vue.component('posts', posts); | |
| const app = new Vue({ | |
| el: '#app', |
Laravel Mix's Webpack Configuration for auto dependencies extract and Workbox Caching strategies
| /* -------------------------------- | |
| Typography | |
| -------------------------------- */ | |
| :root { | |
| --font-primary: sans-serif; | |
| --font-secondary: serif; |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <!-- /.col-md-6 --> | |
| <div class="col-lg-12"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <div class="row" id="laravelPagination" data-url="{{ route('country.page') }}" x-data="laravelPagination()" | |
| x-init="init()"> | |
| <template x-for="item in country" :key="item.id"> | |
| <div class="card col-12 mb-3"> |
| document.addEventListener('alpine:init', () => { | |
| window.Alpine.data('autocompleter', ({ | |
| selectedResults, | |
| max, | |
| min, | |
| ownerId, | |
| url, | |
| elName, | |
| filterEls = [], | |
| addUrl = "", |