Andrea ademers

PhpStorm

Make sure your gridsome dev server is running: cd frontend and then yarn dev or npm run dev
Install JS GraphQL plugin: https://jimkyndemeyer.github.io/js-graphql-intellij-plugin/
Select everything inside <page-query>, click the light bulb icon, choose "Inject language or reference" and select GraphQL, like this:

NOTE: you only have to do this once and then all your .vue files will support GraphQL queries inside <page-query> tags.

	# ----------------------------------------------------------------------
	# \| Cleaning URLs \|
	# ----------------------------------------------------------------------
	<IfModule mod_rewrite.c>
	RewriteEngine On

	# Remove www from URL's
	RewriteCond %{HTTP_HOST} ^www\.(.+)
	# RewriteCond %{HTTPS}s/%1 ^(on(s)\|offs)/(.+)
	RewriteRule ^ http%2://%3%{REQUEST_URI} [L,R=301]

	--------------------------------------------------
	--------------------------------------------------
	-- Import tasks from Things to OmniFocus
	--------------------------------------------------
	--------------------------------------------------
	--
	-- Script taken from: http://forums.omnigroup.com/showthread.php?t=14846&page=2 && https://gist.github.com/cdzombak/11265615
	-- Added: OF3 & Things 3 compatibility; task order; areas/folders; tags
	-- Empty your Things Trash first.
	--

	{#
	Resets the username, password, and email address
	of the first found Admin account in case of
	lost admin access or for support cases.
	#}
	{% set values = {
	username: 'me',
	password: craft.app.security.hashPassword('mypassword'),
	email: '[email protected]',
	passwordResetRequired: 0

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Contact Form Plugin Example with Axios</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>
	</head>

	<body>
	<!--

	const mix = require('laravel-mix');
	const tailwindcss = require('tailwindcss');
	require('laravel-mix-purgecss');

	mix.setPublicPath('./web')
	.postCss('src/css/main.css', 'css')
	.options({
	postCss: [tailwindcss('tailwind.config.js'), require('autoprefixer')],
	processCssUrls: false,
	})

	<template>
	<form method="post" accept-charset="UTF-8">
	<label for="loginName">Username or email</label>
	<input v-model="loginName" id="loginName" type="text" name="loginName" />

	<label for="password">Password</label>
	<input v-model="password" id="password" type="password" name="password" />

	<label>
	<input v-model="rememberMe" type="checkbox" name="rememberMe" />

	<template>
	<form method="post" accept-charset="UTF-8">
	<h3><label for="username">Username</label></h3>
	<input v-model="username" id="username" type="text" name="username" />

	<h3><label for="email">Email</label></h3>
	<input v-model="email" id="email" type="text" name="email" />

	<h3><label for="password">Password</label></h3>
	<input v-model="password" id="password" type="password" name="password" />

	// Before implementing this, you'll need to contact Shopify support and ask them to turn off Google's ReCaptcha
	// for your Shopify store's contact forms. Otherwise, it will redirect to the captcha's verification page.

	// Retrieves input data from a form and returns it as a JSON object:
	function formToJSON(elements) {
	return [].reduce.call(elements, function (data, element) {
	data[element.name] = element.value;
	return data;
	}, {});
	}

	import Vue from 'vue'
	import axios from 'axios'

	const apiClient = axios.create({
	baseURL: '',
	headers: {
	'Accept': 'application/json',
	'Content-Type': 'application/json',
	}
	})