mhaecal

<script setup lang="ts"></script>

<template>
  <h1>admin layout</h1>
  <router-view></router-view>
</template>

mhaecal

import React from 'react'

function ArrowIcon() {
  return (
    <svg
      width="7"
      height="12"
      viewBox="0 0 7 12"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"

mhaecal

<script setup lang="ts">
import { Form, Field, ErrorMessage } from 'vee-validate'
import * as yup from 'yup'

const schema = yup.object().shape({
  email: yup
    .string()
    .email('Email tidak valid')
    .required((data) => `${data.path} harus diisi`),
  password: yup

mhaecal

import '../styles/globals.css'
import type { AppProps } from 'next/app'
import type { NextPage } from 'next'
import type { ReactElement, ReactNode } from 'react'

export type NextPageWithLayout = NextPage & {
  getLayout?: (page: ReactElement) => ReactNode
}

type AppPropsWithLayout = AppProps & {

mhaecal

import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

export function middleware(req: NextRequest) {
  // get cookie token
  const hasToken = req.cookies.get('token')

  // protected routes (admin routes)
  if (req.nextUrl.pathname.startsWith('/admin')) {
    if (hasToken) {

mhaecal

const { useState } = React;

function PageComponent() {
  const [count, setCount] = useState(0);
  const increment = () => {
    setCount(count + 1)
  }

  return (
    <div className="App">

mhaecal

https://play.tailwindcss.com/nnNpg60Lpu

mhaecal

items.sort(function(a, b) { 
  return a.id - b.id  ||  a.name.localeCompare(b.name);
});

mhaecal

import React from 'react'
import { Outlet } from 'react-router-dom'

export default function App() {
  return <Outlet />
}

mhaecal

import React, { useState } from 'react'
import {
	useGetPokemonByIdQuery,
	useGetPokemonByNameQuery,
} from './services/pokemon'

function App() {
	const [id, setId] = useState<number>(5)
	const [name, setName] = useState<string>('bulbasaur')