maoberlehner/vue-3-composition-api-data-fetching-composable maoberlehner/vue-3-composition-api-data-fetching-composable

  • Stars
    star
    9
  • Rank 1,939,727 (Top 39 %)
  • Language Vue
  • Created over 4 years ago
  • Updated almost 2 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
maoberlehner/vue-3-composition-api-data-fetching-composable
github

maoberlehner

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

More Repositories

1

vuex-map-fields

Enable two-way data binding for form fields saved in a Vuex store
JavaScript
1,415
star
2

vue-lazy-hydration

Lazy Hydration of Server-Side Rendered Vue.js Components
JavaScript
1,187
star
3

node-sass-magic-importer

Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.
TypeScript
293
star
4

how-to-structure-a-complex-vuex-store

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-structure-a-complex-vuex-store/
Vue
187
star
5

perfundo

a pure CSS lightbox (now with JavaScript).
JavaScript
183
star
6

transition-to-height-auto-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/
Vue
105
star
7

goodbye-webpack-building-vue-applications-without-webpack

This is an example project for the following article: https://markus.oberlehner.net/blog/goodbye-webpack-building-vue-applications-without-webpack/
JavaScript
77
star
8

distributed-vue-applications-loading-components-via-http

This is an example project for the following article: https://markus.oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/
JavaScript
49
star
9

dynamic-vue-layout-components

This is an example project for the following article: https://markus.oberlehner.net/blog/dynamic-vue-layout-components/
Vue
43
star
10

eleventy-preact

Build progressively enhanced websites wit Eleventy and Preact
JavaScript
42
star
11

advanced-vue-component-composition-with-container-components

This is an example project for the following article: https://markus.oberlehner.net/blog/advanced-vue-component-composition-with-container-components/
JavaScript
42
star
12

vue-router-page-transitions

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-router-page-transitions/
Vue
34
star
13

setting-up-a-vue-project-with-webpack-4-and-babel-7

This is an example project for the following article: https://markus.oberlehner.net/blog/setting-up-a-vue-project-with-webpack-4-and-babel-7/
Vue
33
star
14

building-a-modal-dialog-with-vue-and-vuex

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-modal-dialog-with-vue-and-vuex/
Vue
30
star
15

storyblok-migrate

Storyblok schema migrations
JavaScript
30
star
16

building-renderless-components-to-handle-crud-operations-in-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-renderless-components-to-handle-crud-operations-in-vue/
Vue
29
star
17

how-to-pre-render-vue-powered-websites-with-webpack

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-pre-render-vue-powered-websites-with-webpack/
JavaScript
25
star
18

skeleton-loading-animation-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/skeleton-loading-animation-with-vue/
Vue
24
star
19

using-the-google-maps-api-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/using-the-google-maps-api-with-vue/
JavaScript
23
star
20

well-composed-frontend

This is an example app to show how to build a flexible and modular frontend. The main technologies used are Vue together with Vuex and Nuxt.js in combination with the node-sass-magic-importer.
JavaScript
22
star
21

vue-application-structure-and-css-architecture

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-application-structure-and-css-architecture/
Vue
21
star
22

collectorium

pure CSS tabs.
JavaScript
21
star
23

talk-vitest-cypress

TypeScript
21
star
24

combining-graphql-and-vuex

This is an example project for the following article: https://markus.oberlehner.net/blog/combining-graphql-and-vuex/
JavaScript
19
star
25

implementing-a-simple-middleware-with-vue-router

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/
JavaScript
19
star
26

building-a-date-input-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-date-input-component-with-vue/
JavaScript
18
star
27

how-to-drastically-reduce-estimated-input-latency-and-time-to-interactive-of-ssr-vue-applications

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-drastically-reduce-estimated-input-latency-and-time-to-interactive-of-ssr-vue-applications/
Vue
18
star
28

replicating-the-twitter-tweet-box-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/replicating-the-twitter-tweet-box-with-vue/
Vue
17
star
29

talk-good-tests

TypeScript
16
star
30

book-good-tests-app

TypeScript
16
star
31

lazy-load-vue-components-when-they-become-visible

This is an example project for the following article: https://markus.oberlehner.net/blog/lazy-load-vue-components-when-they-become-visible/
Vue
16
star
32

distributed-vue-applications-pushing-content-and-component-updates-to-the-client

This is an example project for the following article: https://markus.oberlehner.net/blog/distributed-vue-applications-pushing-content-and-component-updates-to-the-client/
Vue
13
star
33

visual-regression-tests-for-vue-applications-with-jest-and-puppeteer

This is an example project for the following article: https://markus.oberlehner.net/blog/visual-regression-tests-for-vue-applications-with-jest-and-puppeteer/
JavaScript
12
star
34

setting-up-tailwind-css-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/setting-up-tailwind-css-with-vue/
JavaScript
12
star
35

css-selector-extract

Extract certain CSS selectors form (S)CSS code.
JavaScript
11
star
36

building-a-simple-content-slider-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-simple-content-slider-with-vue/
Vue
11
star
37

node-sass-package-importer

Custom importer for node-sass to import packages from the `node_modules` directory.
JavaScript
11
star
38

implementing-an-authentication-flow-with-passport-and-netlify-functions

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-an-authentication-flow-with-passport-and-netlify-functions/
JavaScript
10
star
39

building-a-parallax-scrolling-effect-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-parallax-scrolling-effect-component-with-vue/
Vue
10
star
40

using-location-data-with-vue-and-open-street-map

This is an example project for the following article: https://markus.oberlehner.net/blog/using-location-data-with-vue-and-open-street-map/
Vue
9
star
41

building-custom-multi-option-form-components-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-custom-multi-option-form-components-with-vue/
Vue
9
star
42

lazy-loading-responsive-images-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/lazy-loading-responsive-images-with-vue/
Vue
9
star
43

testing-vuex-powered-vue-components-with-jest

This is an example project for the following article: https://markus.oberlehner.net/blog/testing-vuex-powered-vue-components-with-jest/
JavaScript
8
star
44

reusable-functional-vue-components-with-tailwind-css

This is an example project for the following article: https://markus.oberlehner.net/blog/reusable-functional-vue-components-with-tailwind-css/
Vue
8
star
45

building-a-pre-rendered-website-with-nuxt-and-storyblok

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-pre-rendered-website-with-nuxt-and-storyblok/
Vue
7
star
46

storyblok-meta-image

A Storyblok field-type plugin which provides an image field with meta data like width, height, alt and title texts and the images dominant color attached to it
Vue
6
star
47

storyblok-cloudinary-assets

Storyblok Cloudinary Assets is a Storyblok field-type plugin which makes it possible to use Cloudinary for managing assets in the headless CMS Storyblok
Vue
6
star
48

vue-form-validation-with-vuelidate

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-form-validation-with-vuelidate/
JavaScript
6
star
49

building-a-website-with-vue-the-storyblok-visual-editor-and-netlify

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-website-with-vue-the-storyblok-visual-editor-and-netlify/
Vue
6
star
50

building-landing-pages-with-vue-and-a-headless-cms

This is an example project for the following article: https://markus.oberlehner.net/blog/building-landing-pages-with-vue-and-a-headless-cms/
Vue
6
star
51

vue-single-file-component-factory

JavaScript
5
star
52

loading-comparison

Compare the loading performance of two or more websites or website variations.
JavaScript
5
star
53

building-a-simple-ken-burns-slider-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-simple-ken-burns-slider-with-vue/
Vue
5
star
54

abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application

This is an example project for the following article: https://markus.oberlehner.net/blog/abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application/
Vue
5
star
55

vue-functional-css-module-components

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-functional-base-components-powered-by-css-modules/
JavaScript
5
star
56

runtime-bundler

Runtime Bundling of JavaScript Assets
JavaScript
4
star
57

talk-git-master-class

This is an example repository for my talk Git Master Class
4
star
58

building-a-static-site-with-storyblok-and-gridsome

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-static-site-with-storyblok-and-gridsome/
Vue
4
star
59

automatic-spa-ftp-deploys-with-circleci

This is an example project for the following article: https://markus.oberlehner.net/blog/automatic-spa-ftp-deploys-with-circleci/
Vue
4
star
60

route-model-binding-with-vue-and-vuex

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/route-model-binding-with-vue-and-vuex
JavaScript
4
star
61

typescript-database-abstraction

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/2017/03/building-a-simple-database-abstraction-with-typescript/
TypeScript
4
star
62

acceptance-testing-with-nightwatch-cucumber-and-browserstack

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/acceptance-testing-with-nightwatch-and-cucumber-setup/
JavaScript
4
star
63

article-testing-dsl

JavaScript
4
star
64

node-sass-glob-importer

Custom node-sass importer to allow you to use glob syntax in imports.
JavaScript
3
star
65

building-a-store-finder-with-storyblok-and-vue

Vue
3
star
66

vue-xstate-experiments

JavaScript
3
star
67

node-sass-filter-importer

Filter certain elements from SCSS code.
JavaScript
3
star
68

building-a-renderless-recaptcha-v3-form-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-renderless-recaptcha-v3-form-component-with-vue/
JavaScript
3
star
69

how-to-use-graphql-with-vue-apollo-components-and-netlify-functions

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-use-graphql-with-vue-apollo-components-and-netlify-functions/
JavaScript
3
star
70

crazy-powerful-nightwatch-cucumber-step-definitions

This is an example project for the following article: https://markus.oberlehner.net/blog/crazy-powerful-nightwatch-cucumber-step-definitions/
JavaScript
3
star
71

creating-pdf-invoices-with-airtable-vue-and-puppeteer

This is an example project for the following article: https://markus.oberlehner.net/blog/creating-pdf-invoices-with-airtable-vue-and-puppeteer/
Vue
3
star
72

building-a-serverless-comment-system-with-netlify-functions-storyblok-and-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-serverless-comment-system-with-netlify-functions-storyblok-and-vue/
JavaScript
3
star
73

storyblok-augmented-image

Vue
3
star
74

storyblok-list

Vue
2
star
75

visual-regression-testing-with-nightwatch-and-cucumber

JavaScript
2
star
76

node-sass-selector-importer

Import only certain CSS selectors form a file.
JavaScript
2
star
77

talk-npm-scripts

Warum npm scripts (manchmal) voll OK sind.
HTML
2
star
78

building-a-custom-storyblok-field-type-plugin-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-custom-storyblok-field-type-plugins-with-vue/
Vue
2
star
79

mindstorms-nxt-node

This is an example project for the following article: https://markus.oberlehner.net/blog/controlling-the-lego-mindstorms-nxt-with-nodejs-its-alive/
JavaScript
2
star
80

article-nuxt-sqlite-vector

TypeScript
2
star
81

headless-cms-nuxt

This is an example project for exploring how to build headless CMS powered websites with Nuxt.js.
JavaScript
1
star
82

unit-testing-vue-components-with-ava

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/unit-testing-vue-single-file-components-with-ava/
JavaScript
1
star
83

dynamically-loading-svg-icons-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/dynamically-loading-svg-icons-with-vue/
JavaScript
1
star
84

good-vue-tests-q-and-a

1
star
85

vue-style-provider

Vue
1
star
86

network-stubs-and-timers-with-nightwatch-and-cucumber

This is an example project for the following article: https://markus.oberlehner.net/blog/network-stubs-and-timers-with-nightwatch-and-cucumber
JavaScript
1
star
87

implementing-a-gdpr-consent-workflow-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-a-gdpr-consent-workflow-with-vue/
Vue
1
star
88

vue-nested-default-props

Vue
1
star
89

automated-acceptance-testing-with-cypress-and-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/automated-acceptance-testing-with-cypress-and-vue-setup
JavaScript
1
star