pravnkay

<?php

namespace App\Providers;

use Illuminate\Support\Facades\Schema;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    /**

pravnkay

As I figured out, this question is really only related to beginners in PWA, which don't know that you can (and need) to configure PWA for achieving this. If you feel addressed now (and using VueJS) remember:

To automatically download the new content, you need to configure PWA. In my case (VueJS) this is done by creating a file vue.config.js in the root directory of my project (On the same level as package.json).

Inside this file you need this:

module.exports = {
    pwa: {

pravnkay

add_action( 'init', 'handle_preflight' );

function handle_preflight() {
	
	$origin = get_http_origin();

 	if ( $origin == 'http://localhost:8080' ||	$origin == 'https://yourapp.firebaseapp.com') {
		
    header("Access-Control-Allow-Origin: " . $origin);
		header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");

pravnkay

Installation of Nprogress for VueJS

Install nprogress.

npm install nprogress --save

---

Add its CSS

pravnkay

Custom theme support for Bootstrap-Vue

Versions used

@vue/cli 4.1.1

Using below commands to install bootstrap-vue, adds the plugin file and pre-fills the statements. Just have alook at them and edit them

vue create my-app
cd my-app

vue add bootstrap-vue

pravnkay

SweetAlert2 integration to VueJS

There are too many wrappers for sweetalert2 for vuejs and most of them does the same thing with less functionality.

Here is how to integrate the default SweetAlert package into VueJS

Step 1

Install SweetAlert2

pravnkay

<template>
  <div id="app">
    <!-- <img src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <div class="reveal">
      <div class="slides">
        <section>Single Horizontal Slide</section>
        <section>
          <section>Vertical Slide 1</section>
          <section>Vertical Slide 2</section>

pravnkay

Use the above function in functions.php file to get all posts under a particular category by that category slug

Access url https://your-site.com/wp-json/idapi/v1/posts/{category-slug-without-braces}

pravnkay

This file uses

1. Tailwind.css
2. Apline.js

to create a functional dashboard skeleton.

There are no UI elements. Just the Dashboard

pravnkay

<?php

namespace App\Console\Commands;

use Illuminate\Foundation\Console\ModelMakeCommand;

class ModelMake extends ModelMakeCommand
{
    /**
     * Prefix default root namepsace with a folder.