Add Vue SFC support

Description

<template>
	<div>{{ count }}</div>
</template>

<aot>
// pre-evaluate at build time
module.exports = () => ({
  count: 0
})
</aot>

{
  resourceQuery: /blockType=aot/,
  loader: 'aot-loader/vue'
}

Contributor guide

Tech stack

vuejavascriptnodejs

Domain

build systemtoolingfrontend

Issue type

feature

DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.

3

Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.

half day

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

stale

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

mostly clear

Prerequisites

Vue.js basicsWebpack loader knowledge

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

40

Research direction

Examine the existing loader implementation in the repository (likely index.js). Understand how it currently processes JavaScript modules. Then, create a Vue SFC parser that extracts the <aot> block and processes it similar to the existing logic. The webpack config example in the issue shows a rule for resourceQuery: /blockType=aot/ and using aot loader/vue. This suggests a separate loader entry point for Vue. Implement the vue specific loader that handles .vue files. Look at how other loaders (e.g., vue loader) parse SFCs for reference.