Domagoj Lalk Vidovic techwizzdom

## main.yml
name: CI/CD

concurrency:
  group: ${{ github.head_ref || github.ref_name }}
  cancel-in-progress: true

on:
  push:
    branches:
      - staging

## middleware.ts
import { next } from "@vercel/edge"

export default async function middleware(req: Request) {
  const userAgent = req.headers.get("user-agent")
  console.log("userAgent", userAgent)
  console.log("req", req)

  if (req.url.includes("/robots.txt")) {
    return next()
  }

## desktop.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <div class="container">
      <div class="item">Item 1</div>
      <div class="item">Item 2</div>
      <div class="item">Item 3</div>

## mobile.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <div class="container">
      <div class="item">Item 1</div>
      <div class="item">Item 2</div>
      <div class="item">Item 3</div>

## margin.css
.your-class-name {
  margin-top: 16px;
  margin-right: 12px;
  margin-bottom: 16px;
}

// shorthand
.your-class-name {
  margin: 16px 12px;
}

## flex.css
.your-class-name {
  display: flex;
  justify-content: center;
  align-items: center;
}

## index.js
import Vue from 'vue'
import Vuex from 'vuex'

// Modules import
import UserModule from 'modules/user'
import OrganisationModule from 'modules/organisation'

Vue.use(Vuex)

const state = {}

## index.js
import actions from './actions.js'
import mutations from './mutations.js'
import getters from './getters.js'

const state = {}

export default {
  namespaced: true,
  state,
  actions,

## actions.js
import { SET_USER, SET_USER_LOCATION } from './types.js'

export default {
  [SET_USER]() {},
  [SET_USER_LOCATION]() {}
}

## types.js
// actions
export const SET_USER = 'SET_USER'
export const SET_USER_LOCATION = 'SET_USER_LOCATION'

// mutations

// getters
	name: CI/CD

	concurrency:
	group: ${{ github.head_ref \|\| github.ref_name }}
	cancel-in-progress: true

	on:
	push:
	branches:
	- staging
	import { next } from "@vercel/edge"

	export default async function middleware(req: Request) {
	const userAgent = req.headers.get("user-agent")
	console.log("userAgent", userAgent)
	console.log("req", req)

	if (req.url.includes("/robots.txt")) {
	return next()
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
	<div class="container">
	<div class="item">Item 1</div>
	<div class="item">Item 2</div>
	<div class="item">Item 3</div>
	.your-class-name {
	margin-top: 16px;
	margin-right: 12px;
	margin-bottom: 16px;
	}

	// shorthand
	.your-class-name {
	margin: 16px 12px;
	}
	.your-class-name {
	display: flex;
	justify-content: center;
	align-items: center;
	}
	import Vue from 'vue'
	import Vuex from 'vuex'

	// Modules import
	import UserModule from 'modules/user'
	import OrganisationModule from 'modules/organisation'

	Vue.use(Vuex)

	const state = {}
	import actions from './actions.js'
	import mutations from './mutations.js'
	import getters from './getters.js'

	const state = {}

	export default {
	namespaced: true,
	state,
	actions,
	import { SET_USER, SET_USER_LOCATION } from './types.js'

	export default {
	[SET_USER]() {},
	[SET_USER_LOCATION]() {}
	}
	// actions
	export const SET_USER = 'SET_USER'
	export const SET_USER_LOCATION = 'SET_USER_LOCATION'

	// mutations

	// getters