Обновил Webstartpage.ru

• Vue 2 -> Vue 3
• Nuxt 2 -> Nuxt 3
• Vuex -> Pinia
• Bootstrap 4 -> Bootstrap 5

Про Vue 3

<template>
    <div>Variable: {{ count }}</div>
    <button @click="iterate">{{ text }}</button>
</template

<script>
export default {
    data() {
        return {
            text: 'Iterate variable',
            count: 0,
        }
    },
    methods: {
        iterate() {
            this.count++
        },
    }
}
</script>

<script setup>
import {ref} from 'vue'

const text = ref('Iterate variable!')
const count = ref(0)

function iterate() {
    count.value++
}
</script>

Про Nuxt 3

<template>
    <div>
        <div v-show="!pending">Данные: {{ data }}</div>
        <button @click="refresh">Обновить данные</button>
    </div>
</template>

<script setup>
const {data, pending, refresh} = await useGet('end/point')
</script>

Про Pinia

export type VespUser = {
  id: number
  username: string
  fullname: string
  email: string
  scope: [string]
  [key: string]: any
}
export type RefVespUser = Ref & {
  value: VespUser | null
}

Про Bootstrap 5

import {BDropdown} from 'bootstrap-vue-next'

Заключение