Vueable Query

This extension creates a Dev Tool Panel to monitor performance metrics for Vue apps that use Tanstack Query for Vue.

What is Vueable Query?

Vueable Query is a Chrome extension developed by Vueable Query, and its main feature is "This extension creates a Dev Tool Panel to monitor performance metrics for Vue apps that use Tanstack Query for Vue.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Vueable Query Extension CRX File

Download Vueable Query extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        A dev tool for projects using Tanstack Query for Vue. It provides a separate panel within the Chrome dev tools that display metrics for queries. 

The top panel is a timeline showing the chronological order of queries made with Tanstack Query. The bottom panel displays the start time and any relevant cache hits for each Query Key.

This is an open source product. Please visit our repository at https://github.com/oslabs-beta/Vueable-query for more information.                    

Extension Basic Information

Name Vueable Query Vueable Query
ID dnhcogggodnfhnnfimapejbkkihmflaa
Official URL https://chromewebstore.google.com/detail/vueable-query/dnhcogggodnfhnnfimapejbkkihmflaa
Description This extension creates a Dev Tool Panel to monitor performance metrics for Vue apps that use Tanstack Query for Vue.
File Size 87.83 KB
Installation Count 41
Current Version 1.2.0
Last Updated 2023-08-05
Publish Date 2023-06-05
Rating 5.00/5 Total 7 Ratings
Developer Vueable Query
Email [email protected]
Payment Type free
Extension Website https://www.vueablequery.com/
Help Page URL https://github.com/oslabs-beta/Vueable-query
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Vueable Query",
    "version": "1.2.0",
    "description": "This extension creates a Dev Tool Panel to monitor performance metrics for Vue apps that use Tanstack Query for Vue.",
    "manifest_version": 3,
    "author": "Anna Duong, Brandon Yoon, Eric Tjon, & Esther Witbeck",
    "devtools_page": "devtools.html",
    "icons": {
        "128": "\/assets\/Vueable_Query_logo_128.png"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "script.js"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "background": {
        "service_worker": "background.js",
        "type": "module"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "exclude_matches": [
                "https:\/\/docs.google.com\/*"
            ],
            "js": [
                "content.js"
            ]
        }
    ]
}