jaydson

--PostgreSQL 13
SELECT *
FROM shirts
WHERE details->'attributes'->>'color' = 'neon yellow'
  AND details->'attributes'->>'size' = 'medium';

--PostgreSQL 14
SELECT *
FROM shirts 
WHERE details['attributes']['color'] = '"neon yellow"'

jaydson

export async function getStaticPaths() {
  return {
    paths: [
      { params: { ... } } // See the "paths" section below
    ],
    fallback: true or false // See the "fallback" section below
  };
}

jaydson

export async function getStaticProps(context) {
  return {
    props: {}, // will be passed to the page component as props
  }
}

jaydson

export async function getServerSideProps(context) {
  return {
    props: {}, // will be passed to the page component as props
  }
}

jaydson

-- {
  --: {
    "css": true,
    "totally": {
      "not": "controversial!"
    }
  }
}

#cool {

jaydson

# create the project
mkdir my-app
cd my-app
npm init svelte@next

# install dependencies
npm install

# start dev server and open a browser tab
npm run dev -- --open

jaydson

<!-- CustomInput.vue -->
<template>
  <label>
    {{ label }}
    <input type="text" :name="name" :value="value" @input="onInput" @change="onChange" />
  </label>
</template>

<script>
export default {

jaydson

<!-- CustomInput.vue -->
<template>
  <label>
    {{ label }}
    <input type="text" :name="name" v-model="model" />
  </label>
</template>

<script>
export default {

jaydson

<!-- CustomInput.vue -->
<template>
...
    <input type="text" :name="name" v-model="model" />
...
</template>

<script>
...
  computed: {

jaydson

<!-- CustomInput.vue -->
...
<script>
...
  watch: {
    value: {
      handler(value) {
        if (value) {
          this.error = '';
        }