DEV Community: Vickyvn

Laravel sanctum and nuxt configuration

Vickyvn — Fri, 22 Oct 2021 06:48:56 +0000

Laravel:

    1) .env => SESSION_DRIVER=cookie
               SANCTUM_STATEFUL_DOMAINS=nuxt.product.test
               SESSION_DOMAIN=.product.test:3000

product.test is your laravel url.
nuxt.product.test is your subdomail for nuxt.

Nuxt:

    1)nuxt.config.js => 
        ssr: false,
        server: {
           host: 'http://nuxt.product.test',
           port: 3000,
        },
       modules: [
          '@nuxtjs/axios',
          '@nuxtjs/auth-next'
      ],
      axios: {
         credentials: true,
      },

After refresh scroll page to Top/Middle/Footer.

Vickyvn — Thu, 21 Oct 2021 04:59:51 +0000

Here we learn how can we scroll our page onclick button or after Reload page.

simple we adding ref in our html tags where you want to scroll page.
example

< div class="top" ref="goToTop"> ... < /div >
or
< div class="middle" ref="goToMiddle"> ... < /div >
or
< div class="footer" ref="goToFooter"> ... < /div >

in vue js we handled

// Create method
scrollToElement(ref) {
    window.scrollTo(0,0);
    this.$scrollTo(ref, 1000);
},

// If want to after refresh then create mounted()

mounted() {
     this.scrollToElement(this.$refs.goToTop);
}, 
// for top use goToTop , for middle use goToMiddle , for footer use 

// If want to after onclick then create method
onclickMethod() {
     this.scrollToElement(this.$refs.goToTop); 
},

I hope it will help you.

How to get all months from the year using in Laravel

Vickyvn — Tue, 19 Oct 2021 04:47:41 +0000

$month = [];

for ($m=1; $m<=12; $m++) {
     $month[] = date('F', mktime(0,0,0,$m, 1, date('Y')));
}

print_r($month);

date('F') will get result current month of the year. example October.
so with the help of mktime(0,0,0,2, 1, date('Y')) we will get output February.
so we replace 2 to $m in for each and get answer in $month array.
we will get output like this.

Array ( 
 [0] => January
 [1] => February 
 [2] => March
 [3] => April
 [4] => May
 [5] => June
 [6] => July
 [7] => August
 [8] => September
 [9] => October
 [10] => November
 [11] => December 
)